/*---------RESPONSIVE index-------------------*/
@media screen and (max-width:1270px) {
  .contenido-header img.marca-index{
    margin-top: -40px;
    margin-left: 54%;
  }
  
  .contenido-header h2{
     margin-left: -3.5%;
  }
 
  /*---------------ESTILOS PARTICULARES SECTION index----------------*/
  section article.article-1{
   left: 9.5%;
 }
 }
 
 @media screen and (max-width:1200px) {
   .contenedor{
     width: 1100px;
   }
 
   .contenido-header img.marca-index{
     margin-top: -45px;
     margin-left: 52%;
   }
   
   .contenido-header h2{
      margin-left: -13px;
      margin-top: 24px;
   }
  
   /*---------------ESTILOS PARTICULARES SECTION index----------------*/
   section article.article-1{
    left: 6%;
  }
 }
 
  @media screen and (max-width:1100px) {
   .menu{
     left: 15%;
   }
 
   .contenedor{
     width: 1040px;
    /* border: solid 3px orange;*/
   }
 
   .contenido-header img.marca-index{
     margin-left: 50%;
   }
   
   .contenido-header h2{
      margin-left: 7px;
      margin-top: 24px;
   }
  
   /*---------------ESTILOS PARTICULARES SECTION index----------------*/
   section article.article-1{
    left: 6%;
  }
 
   section article.article-1 .pictogramas .picto-1{
     margin-left: 60px;
   }
 
   section article.article-1 .pictogramas .picto-2{
     margin-left: 410px;
   }
 
   section article.article-1 .pictogramas .picto-3{
     margin-left: 760px;
   }
 
   section article.article-1 .contenido-section{
     margin-left: 36%;
     max-width: 70%;
     padding-left: 140px;
   }
 
   .contenido-section ul{
     margin-left: -120px;
     padding: 6px;
   }
 
   .contenido-section ul li:first-of-type{
     margin-left: -380px;
   }
 
   .contenido-section ul li:nth-child(2){
     margin-left: -25px;
     width: 300px;
   }
 
   .contenido-section ul li:last-of-type{
     margin-left: 300px;
   }
 }

@media screen and (max-width:1050px) {
  nav{ 
    background-color: transparent;
  }

  .menu-hamburguesa > button{
    opacity: 1;
  }

  nav .menu{ 
    top: -900px;
  }

  nav .marca{ 
    opacity: 0;
  }

  .menu-hamburguesa{
    position: relative;
    float: left;
    margin-top: -90px;
    margin-left: 650px;
    width: 20px;
    height: 40px;
    padding-left: 300px;
    background-color: transparent;
 }
 
  .menu-hamburguesa > button{
    background-color: black;
    height: 40px;
    width: 40px;
    margin-left: -900px;
    margin-top: -10px;
  }
 
 .menu-hamburguesa button:focus ~ div{
    background-color:black;
 }
 
  .menu-hamburguesa > div{
    margin-left: -900px;
    height: 200px;
    overflow: hidden;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
 
  .menu-hamburguesa > button{
    position: absolute;
    bottom: 20px;
    margin-left: -935px;
    color: white;
    border: none;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    top: 12px;
  }
 
  .menu-hamburguesa div > ul li{
    display: block;
    max-width: 100%;
    text-align: center;
    border-bottom: solid 0.2px white; 
  }

  .menu-hamburguesa div > ul li:first-of-type{
    margin-top: -8px;
  }

  .menu-hamburguesa div > ul li:last-of-type{
    border-bottom: none;
  }

  .menu-hamburguesa div > ul li{
    display: block;
    width: 100%;
    padding: 7px 0px;
  }
 
  .menu-hamburguesa button:focus ~ .menu{
    height: 240px;
    width: 361px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 13px;
    margin-top: 900px;
    margin-left: -700px;
    border: none;
    position: absolute;
    z-index: 886;
 }

 .menu-hamburguesa button:focus ~ .menu{
  top: -900px;
 }

  nav .menu:hover{ 
    top: 0px;
  }

  .contenedor{
    width: 95%;
  }

  .contenido-header img.marca-index{
    margin-top: -40px;
    width: 420px;
    margin-left: 48%;
  }
  
  .contenido-header h2{
    max-width: 100%;
     margin-left: -63px;
  }

  .contenido-header p:first-of-type{
    margin-left: -10px;
    width: 100%;
 }
 
  /*---------------ESTILOS PARTICULARES SECTION index----------------*/
  section article.article-1{
   left: 7%;
  }

  section article.article-1 h2{
    max-width: 60%;
    margin-left: 150px;
  }

  section article.article-1 .pictogramas .picto-1{
    margin-left: 6%;
  }

  section article.article-1 .pictogramas .picto-2{
    margin-left: 340px;
  }

  section article.article-1 .pictogramas .picto-3{
    margin-left: 650px;
  }

  section article.article-1 .contenido-section{
    margin-left: 33%;
    max-width: 100%;
    padding-left: 16%;
  }

  .contenido-section ul li:first-of-type{
    margin-left: -105%;
  }

  .contenido-section ul li:nth-child(2){
    margin-left: -12px;
  }

  .contenido-section ul li:last-of-type{
    margin-left: 95%;
  }
}


/*@media screen and (max-width:1025px) {
  .menu-hamburguesa{
    position: relative;
    float: left;
    margin-top: -90px;
    margin-left: 650px;
    width: 20px;
    height: 40px;
    padding-left: 300px;
    background-color: transparent;
 }
 
  .menu-hamburguesa > button{
    background-color: black;
    height: 40px;
    width: 40px;
    margin-right: -60%;
    margin-top: -10px;
  }
 
 .menu-hamburguesa button:focus ~ div{
    background-color:black;
 }
 
  .menu-hamburguesa > div{
    height: 200px;
    overflow: hidden;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
 
  .menu-hamburguesa > button{
    position: absolute;
    bottom: 20px;
    right: 160px;
    padding: 9px;
    color: white;
    border: none;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    top: 12px;
  }
 
  .menu-hamburguesa div > ul li{
    display: block;
    max-width: 90%;
    text-align: center;
    border-bottom: solid 0.3px white;
    padding-left: 0px;
    padding-right: 0px; 
  }

  .menu-hamburguesa div > ul li:first-of-type{
    margin-top: -8px;
  }

  .menu-hamburguesa div > ul li:last-of-type{
    border-bottom: none;
  }

  .menu-hamburguesa div > ul li{
    display: block;
    width: 100%;
    padding: 7px 0px;
  }

  .menu-hamburguesa div > ul li{
    display: block;
    width: 100%;
    padding: 7px 0px;
     }
 
  .menu-hamburguesa button:focus ~ .menu{
    height: 240px;
    width: 361px;
    padding: 13px;
    margin-top: 900px;
    margin-left: -55px;
    border: none;
    position: absolute;
    z-index: 886;
 }

 .menu-hamburguesa button:focus ~ .menu{
  top: -900px;
 }

  nav .menu:hover{ 
    top: 0px;
  }*/
}

@media screen and (max-width:992px) {
  .contenedor{
    width: 90%;
  }

  .contenido-header img.marca-index{
    margin-left: 45%;
    top: 29px;
  }

  .contenido-header h2{
    margin-left: 18px;
    margin-top: 55px;
    max-width: 75%;
    padding-bottom: 7px;
  }

/*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: 2%;
  }

  section article.article-1 h2{
    max-width: 60%;
    margin-left: 190px;
  }
  
  section article.article-1 .pictogramas .picto-1{
    margin-left: 7.5%;
  }
   
  section article.article-1 .pictogramas .picto-2{
    margin-left: 46%;
  }
   
  section article.article-1 .pictogramas .picto-3{
    left: -50px;
  }
   
  section article.article-1 .contenido-section{
    margin-left: 35%;
  }
   
  .contenido-section ul li:first-of-type{
    margin-left: -96%;
    width: 85%;
  }
   
  .contenido-section ul li:nth-child(2){
    margin-left: -1px;
    width: 90%;
  }

  .contenido-section ul li:last-of-type{
    width: 85%;
  }
}

@media screen and (max-width:990px) {
  .contenido-header img.marca-index{
    top: 5px;
  }

  .contenido-header{
    max-width: 65%;
  }

  .contenido-header h2{
    margin-top: 25px;
    margin-left: -97px;
  }

  section article.article-1 .pictogramas .picto-3{
    left: -25px;
  }
}

@media screen and (max-width:940px) {
  .contenido-header img.marca-index{
    top: 3px;
  }

  .contenido-header h2{
    margin-left: -80px;
  }

  section article.article-1{
    left: 5%;
  }
  
  section article.article-1 .pictogramas .picto-3{
    left: -25px;
  }
}

@media screen and (max-width:920px) {
  .contenido-header img.marca-index{
    margin-left: 35%;
    margin-top: -60px;
  }

  .contenido-header h2{
    margin-left: -70px;
  }

  section article.article-1{
    left: 0%;
  }
  
  section article.article-1 .pictogramas .picto-1{
    margin-left: 12%;
  }
   
  section article.article-1 .pictogramas .picto-2{
    margin-left: 49%;
  }
   
  section article.article-1 .pictogramas .picto-3{
    left: -25px;
  }
   
  section article.article-1 .contenido-section{
    margin-left: 36%;
  }
   
  .contenido-section ul li:first-of-type{
    margin-left: -93%;
  }
   
  .contenido-section ul li:nth-child(2){
    margin-left: 0px;
  }
   
  .contenido-section ul li:last-of-type{
    width: 80%;
  }
}

@media screen and (max-width:880px) {
  .contenido-header{
    max-width: 80%;
  }

  .contenido-header img.marca-index{
    width: 380px;
    margin-left: 28%;
    top: 10px;
  }

  .contenido-header h2{
    margin-top: 5%;
    margin-left: -125px;
  }

  /*-----ESTILOS PARTICULARES SECTION index-------*/
  .section-index{
    height: 750px;
  }
 
  section article.article-1{
    margin-top: -10px;
    left: 17%;
  }
 
  section article.article-1 h2{
    max-width: 70%;
    margin-left: 2.5%;
    top: 68px; 
 }
 
 section article.article-1 .pictogramas{
    width: 100%;
 }
  
  section article.article-1 .pictogramas .picto-1{
    margin-left:5%;
  }
   
  section article.article-1 .pictogramas .picto-2{
    margin-left: 50%;
  }
   
  section article.article-1 .pictogramas .picto-3{
    left: -440px;
    top: 370px;
  }
   
  .contenido-section ul li:first-of-type{
    margin-left: -100%;
    width: 100%;
  }
   
  .contenido-section ul li:nth-child(2){
    margin-left: 25px;
    width: 90%;
  }
   
  .contenido-section ul li:last-of-type{
    width: 340px;
    margin-top: 330px;
    margin-left: -150px;
  }
}

@media screen and (max-width:850px) {
  .contenido-header h2{
    margin-top: 5%;
    margin-left: -17%;
  }
}

@media screen and (max-width:800px) {
  .contenido-header h2{
    margin-top: 60px;
    margin-left: -15%;
  }

  /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: 13%;
  }

  section article.article-1 .pictogramas .picto-3{
    left: -455px;
  }
}

@media screen and (max-width:730px) {
  .contenido-header img.marca-index{
    margin-left: 23%;
  }

  
  .contenido-header h2{
    margin-left: -11.5%;
  }

  /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: 11%;
  }
}

@media screen and (max-width:680px) {
  .contenido-header h2{
    margin-left: -3.5%;
    max-width: 90%;
  }

  /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: 11%;
  }
}

@media screen and (max-width:670px) {
  /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: 11%;
  }
}

@media screen and (max-width:630px) {
  .contenido-header img.marca-index{
    margin-left: 19%;
  }

  .contenido-header h2{
    margin-left: -1%;
  }

  section article.article-1{
    left: 5%;
  }

  section article.article-1 .pictogramas{
    width: 95%;
 }
  
  section article.article-1 .pictogramas .picto-1{
    margin-left: 9%;
  }
   
  section article.article-1 .pictogramas .picto-2{
    margin-left: 52%;
  }
   
  section article.article-1 .pictogramas .picto-3{
    left: -460px;
  }
   
  .contenido-section ul li:first-of-type{
    margin-left: -90%;
    width: 100%;
  }
   
  .contenido-section ul li:nth-child(2){
    margin-left: 25px;
  }
}

@media screen and (max-width:600px) {
  .contenido-header img.marca-index{
    margin-left: 16%;
    margin-top: -70px;
  }

  .contenido-header h2{
    margin-left: 2%;
    margin-top: 40px;
  }

  .contenido-header p{
    max-width: 96%;
  }
  /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: 4.5%;
  }
}

@media screen and (max-width:576px) {

  .contenido-header img.marca-index{
    margin-left: 12%;
    top: 0px;
  }

  .contenido-header h2{
    max-width: 90%;
    margin-top: 55px;
    margin-left: 42px;
    font-size: 32px;
  }

  .contenido-header p:first-of-type{
    font-size: 19.5px;
    text-align: center;
    margin-top: 45px;
    margin-left: 17px;
    width: 100%;
 }

  /*-----ESTILOS PARTICULARES SECTION index-------*/
  .section-index{
    height: 820px;
  }
 
  section article.article-1{
    margin-top: -50px;
    left: 0%;
  }
 
  section article.article-1 h2{
    max-width: 65%;
    margin-left: 5%;
  }
  
  section article.article-1 .pictogramas .picto-1{
    margin-left: 30%;
    margin-top: 100px;
  }
   
  section article.article-1 .pictogramas .picto-2{
    margin-left: 30%;
    margin-top: 150px;
  }
   
  section article.article-1 .pictogramas .picto-3{
    left: -455px;
    top: 270px;
  }
   
  .contenido-section ul li:first-of-type{
    margin-left: -51%;
    width: 120%;
    margin-top: -280px;
  }
   
  .contenido-section ul li:nth-child(2){
    margin-left: -135px;
    margin-top: -30px;
    width: 110%;
  }
   
  .contenido-section ul li:last-of-type{
    width: 110%;
    margin-top: 235px;
    margin-left: -131px;
  }
}

@media screen and (max-width:540px) {

  .contenido-header img.marca-index{
    margin-left: 10%;
  }

  .contenido-header h2{
    margin-left: 8%;
  }

  /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    margin-top: -50px;
    left: -2%;
  }
}

@media screen and (max-width:520px) {
  .contenido-header img.marca-index{
    margin-left: 15%;
    width: 80%;
  }

  .contenido-header h2{
    max-width: 100%;
    margin-top: 45px;
    font-size: 30px;
    margin-left: 4%;
  }

  /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: -4%;
  }
}

@media screen and (max-width:490px) {
  .contenido-header h2{
    max-width: 120%;
    font-size: 29px;
  }

  /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: -7%;
  }
}


@media screen and (max-width:480px) {
  .contenido-header h2{
    max-width: 140%;
  }

  /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: -8%;
  }
}

@media screen and (max-width:460px) {
  .contenido-header p:first-of-type{
    font-size: 18px;
 }
  /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: -11%;
  }
}

@media screen and (max-width:450px) {
  section article.article-1{
    left: -13%;
  }
}

@media screen and (max-width:430px) {
  section article.article-1{
    left: -16%;
  }
}

@media screen and (max-width:420px) {
  section article.article-1{
    left: -18%;
  }
}

@media screen and (max-width:410px) {
  section article.article-1{
    left: -20%;
  }
}

@media screen and (max-width:400px) {
  section article.article-1{
    left: -22%;
  }
}

@media screen and (max-width:390px) {
  .contenido-header img.marca-index{
    margin-left: 13%;
    top: -5px;
  }

  .contenido-header h2{
    max-width: 100%;
    margin-top: 50px;
    margin-left: 15px;
    font-size: 28px;
  }

  .contenido-header p:first-of-type{
    margin-top: 45px;
    margin-left: 10px;
    max-width: 98%;
    padding: 10px 0px;
 }

   /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: 5%;
  }
 
  section article.article-1 h2{
    max-width: 50%;
    margin-left: -1%;
    font-size: 23px;
  }
  
  section article.article-1 .pictogramas .picto-1{
    margin-left: 15%;
    margin-top: 100px;
    width: 90px;
  }
   
  section article.article-1 .pictogramas .picto-2{
    margin-left: 15%;
    margin-top: 150px;
    width: 90px;
    
  }
   
  section article.article-1 .pictogramas .picto-3{
    left: -555px;
    top: 250px;
    width: 90px;
  }
   
  .contenido-section ul li:first-of-type{
    margin-left: -75%;
    width: 102%;
    margin-top: -270px;
    font-size: 16.5px;
  }
   
  .contenido-section ul li:nth-child(2){
    margin-left: -215px;
    margin-top: -30px;
    width: 100%;
    font-size: 16.5px;
  }
   
  .contenido-section ul li:last-of-type{
    width: 100%;
    margin-top: 220px;
    margin-left: -217px;
    font-size: 16.5px;
  }

/*------ESTILOS PARTICULARES FOOTER------------*/

footer .contenido-footer h4{
  width: 60%;
}

footer .contenido-footer p{
  font-size: 15.5px;
  margin-left: -2px;
  line-height: 21px;
}
}

@media screen and (max-width:380px) {
  section article.article-1{
    left: 3%;
  }
}

@media screen and (max-width:370px) {
  section article.article-1{
    left: 2%;
  }

  section article.article-1 h2{
    margin-left: -1%;
  }
}

@media screen and (max-width:360px) {
  .contenido-header img.marca-index{
    margin-left: 10%;
    top: 30px;
  }

  .contenido-header h2{
    max-width: 80%;
    margin-top: 80px;
    margin-left: 32px;
    font-size: 28px;
  }

  .contenido-header p:first-of-type{
    margin-top: 35px;
    margin-left: 5px;
    max-width: 98%;
    padding: 10px 0px;
 }

   /*-----ESTILOS PARTICULARES SECTION index-------*/
  section article.article-1{
    left: 0%;
  }
 
  section article.article-1 h2{
    max-width: 50%;margin-left: 0%;
    font-size: 23px;
  }
  
  section article.article-1 .pictogramas .picto-1{
    margin-left: 18%;
    margin-top: 100px;
    width: 90px;
  }
   
  section article.article-1 .pictogramas .picto-2{
    margin-left: 17%;
    margin-top: 150px;
    width: 90px;
    
  }
   
  section article.article-1 .pictogramas .picto-3{
    left: -555px;
    top: 250px;
    width: 90px;
  }
   
  .contenido-section ul li:first-of-type{
    margin-left: -75%;
    width: 102%;
    margin-top: -270px;
    font-size: 16.5px;
  }
   
  .contenido-section ul li:nth-child(2){
    margin-left: -215px;
    margin-top: -30px;
    width: 100%;
    font-size: 16.5px;
  }
   
  .contenido-section ul li:last-of-type{
    width: 100%;
    margin-top: 220px;
    margin-left: -217px;
    font-size: 16.5px;
  }

/*------ESTILOS PARTICULARES FOOTER------------*/

footer .contenido-footer h4{
  width: 60%;
}

footer .contenido-footer p{
  font-size: 15.5px;
  margin-left: -2px;
  line-height: 21px;
}
}