*{
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
}

body{
  font-family: 'Roboto', sans-serif;
  background: rgb(38, 0, 255);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

img{
  width:60%;
}


.titulo {
  text-align: center;
  padding: 5%;
  font-size: 1.8em;
  font-family: 'Lulo Clean One Bold';
  color: rgb(255, 255, 255);
}


.titulo2 {
  text-align: center;
  font-size: 1.3em;
  color: rgb(6, 55, 109);

}

.texto1 {
  font-size:0.8em;
}

.texto2 {
  font-size:0.6em;
}

.texto3 {
  font-size:0.8em;
}

.texto4 {
  font-size:0.6em;
  text-align: justify;
}

.texto5 {
  font-size:0.7em;
  text-align: justify;
}

.icono1{
  font-size: 0.8rem;
  padding-right: 2%;
}



.grid-container>* {

  text-align: center;
  
}



.grid-container {
  display: grid;
  grid-template:
      "header" auto
      "navbar" auto
      "section16" 160px
      "section17" auto
      "section18" auto
      "footer";

  .header {
      grid-area: header;
      background-color: rgb(255, 255, 255);
  }

  .navbar {
      grid-area: navbar;
      background-color: rgb(255, 255, 255);
  }


 .section16 {
  grid-area: section16;
  background:  url("../img/foto1-imagensintexto.jpg");
  background-repeat: no-repeat;
  background-size: cover;

}

.section17 {
    grid-area: section17;

 }

.section18 {
      grid-area: section18;

}


.footer {
   grid-area: footer;
  background-color: rgb(255, 255, 255);
}

  @media (min-width:600px) {
      grid-template:
          "header header header" auto
          "navbar navbar navbar" auto
          "section16 section16 section16" 300px
          "section17 section17 section17" auto
          "section18 section18 section18" auto
          "footer footer footer" 
  }

}


/*Escritorio*/
@media (min-width: 1199.98px)  {
body{background: red;}


.texto1 {
  font-size:1.4em;
}

.texto2 {
  font-size:1.0em;
}

.texto3 {
  font-size:1.2em;
}

.texto4 {
  font-size:0.9em;
  text-align: justify;
}

.texto5 {
  font-size:1.0em;
  text-align: justify;
}


.icono1{
  font-size: 1.6rem;
  padding-right: 2%;
}

.titulo2 {
  text-align: center;
  font-size: 1.8em;
  color: rgb(0, 0, 0);
}

img{
  width:30%;
}

}
/*Fin Escritorio*/

/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:portrait) {
body{background: rgb(255, 255, 255);}


.titulo {
  text-align: center;
  padding: 5%;
  font-size: 2.9em;
  font-family: 'Lulo Clean One Bold';
  color: rgb(255, 255, 255);
}

.texto1 {
  font-size:1.4em;
}

.texto2 {
  font-size:1.0em;
}

.texto3 {
  font-size:1.2em;
}

.texto4 {
  font-size:0.9em;
  text-align: justify;
}

.texto5 {
  font-size:1.0em;
  text-align: justify;
}


.icono1{
  font-size: 1.2rem;
  padding-right: 2%;
}

.titulo2 {
  text-align: center;
  font-size: 1.8em;
  color: rgb(0, 0, 0);
}


}



/*landscape*/
@media (min0-width: 991.98px) and (max-width: 1199.98px)and (orientation:landscape) {
body{background: rgb(255, 255, 255);}





}
/*fin tablet*/

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation:portrait) {
body{background: rgb(255, 255, 255);}



.titulo {
  text-align: center;
  padding: 5%;
  font-size: 2em;
  font-family: 'Lulo Clean One Bold';
  color: rgb(255, 255, 255);
}

.texto1 {
  font-size:1em;
}

.texto2 {
  font-size:0.8em;
}

.texto3 {
  font-size:0.9em;
}

.texto4 {
  font-size:0.7em;
  text-align: justify;
}

.texto5 {
  font-size:0.8em;
  text-align: justify;
}


.icono1{
  font-size: 1.2rem;
  padding-right: 2%;
}

.titulo2 {
  text-align: center;
  font-size: 1.2em;
  color: rgb(0, 0, 0);
}



}
/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:landscape) {
body{background: rgb(255, 255, 255);}

.titulo {
  text-align: center;
  padding: 5%;
  font-size: 3.1em;
  font-family: 'Lulo Clean One Bold';
  color: rgb(255, 255, 255);
}

.texto1 {
  font-size:1.4em;
}

.texto2 {
  font-size:1.0em;
}

.texto3 {
  font-size:1.2em;
}

.texto4 {
  font-size:0.9em;
  text-align: justify;
}

.texto5 {
  font-size:1.0em;
  text-align: justify;
}


.icono1{
  font-size: 1.2rem;
  padding-right: 2%;
}

.titulo2 {
  text-align: center;
  font-size: 1.8em;
  color: rgb(0, 0, 0);
}

}
/*fin movil*/

@media (min-width: 576px) and (min-width: 991.99px) and (orientation:landscape) {
  body{background: rgb(255, 255, 255);}
  
  
  
  .texto1 {
    font-size:1.4em;
  }
  
  .texto2 {
    font-size:1.0em;
  }
  
  .texto3 {
    font-size:1.2em;
  }
  
  .texto4 {
    font-size:0.9em;
    text-align: justify;
  }
  
  .texto5 {
    font-size:1.0em;
    text-align: justify;
  }
  
  
  .icono1{
    font-size: 1.2rem;
    padding-right: 2%;
  }
  
  .titulo {
    text-align: center;
    padding: 5%;
    font-size: 3.4em;
    font-family: 'Lulo Clean One Bold';
    color: rgb(255, 255, 255);
  }


  .titulo2 {
    text-align: center;
    font-size: 1.8em;
    color: rgb(0, 0, 0);
  }
  
  }      
  

  @media (min-width: 1259px) {
    body{background: rgb(255, 255, 255);}
    
    .identifica{
      background: rgb(255, 0, 0);
    }
    
    .img4{
      width:38%; 
      margin: 0px auto;
    }

    .texto4 {
      font-size:1.2em;
      text-align: justify;
    }

    .texto3 {
      font-size:1.4em;
    }

    .texto5 {
      font-size:1.4em;
      text-align: justify;
    }

    .img6{
      width:38%; 
      margin: 0px auto;
    }


    .img7{
      width:43%; 
      margin: 0px auto;
    }

    .icono1{
      font-size: 1.8rem;
      padding-right: 2%;
    }
  

    .titulo {
      text-align: center;
      padding-top: 1%;
      font-size: 2.5;
      font-family: 'Lulo Clean One Bold';
      color: rgb(255, 255, 255);
    }


    .icono2{
      font-size: 1.8rem;
      padding-right: 2%;
    }


    }