/*TIPOGRAFIAS*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Elms+Sans:ital,wght@0,100..900;1,100..900&display=swap');





body {
    background-image: url(../imgskokusan/textura-japonesa1.jpg);
    background-attachment: fixed;
}
.encabezado {
    background-color: rgba(255,255,255,0.70);
}
.imgPrincipal {
    background-color: rgba(0,0,0,0.70);
    animation: fade1 3s ease forwards;
}
h1 {
    font-family: "Outfit", sans-serif;
    font-size: 2.5rem;
    text-align: center;
    line-height:1;
    color: #555;
}
h1>span {
    font-weight: bold;
    font-size: 3rem;
    color: #000;
}
.img-icon {
    width: 90px;
}
h1+h2 {
  font-family: "Elms Sans", sans-serif;
  max-width: 550px;
  text-align: justify;
  font-weight: normal;
  font-size: 1.3rem;
  margin: 0 auto;
}

.encab03 {
    font-family: "Outfit", sans-serif;
    font-size: 2.1rem;
    text-align: center;
    line-height:1.2;
    color: #555;
}
.encab03 span{
    font-size: 3rem;
}

#logoNavbar {
 width:180px;
}

footer{
  font-family: "Elms Sans", sans-serif;
  font-size: 0.95rem;
}
.text-white>a{
  color: rgb(255,255,255);
  text-decoration: none;
}
.text-white>a:hover{
  text-decoration: underline;
}

.texto{
  font-family: "Elms Sans", sans-serif;
  font-size: 1.2rem;
}

.fondo-oscuro{
  background-color: rgba(16,29,92,0.7);
  color: #fff;
}

.pos-rel{
  position:relative;
  z-index:5;
}

.pos-abs{
  position:absolute;
  z-index:10;
}

/* ANIMACIONES */
@keyframes fade1 {
  from{ opacity:0.50;}
  to{ opacity:1;}
}





/* Small */
/*@media (max-width: 576px) {

}*/

/* Medium */
@media (max-width: 768px) {
  h1+h2 { /* pag index */
    font-size: 1rem;
  }
  .encab03 { /* pag index */
      font-size: 1.6rem;
  }
  .encab03 span{ /* pag index */
      font-size: 2.3rem;
  }
}

/* Large */
@media (max-width: 992px) {
  .texto{ /* pag nosotros */
    font-size: 1rem;
    text-align: center !important;
  }
  .imgtxtNos{ /* pag nosotros */
    width: 300px;
  }
}

/* X-Large */
/*@media (max-width: 1200px) {

}*/

/* XX-Large */
/*@media (max-width: 1400px) {

}*/