@font-face {
  font-family: 'din-alt';
    src: url('../fuente/DINAlternate-Bold.ttf') format('truetype'); /* Modern Browsers */
    font-display: swap;
}
@font-face {
  font-family: 'din-cond';
    src: url('../fuente/DINCondensed-Bold.ttf') format('truetype'); /* Modern Browsers */
    font-display: swap;
}
body{
    background-color: #EAEAEA !important;
    overflow-x: hidden !important;
    scroll-behavior: smooth !important;
    padding: 0 !important;
    /* background-color: #000 !important; */
}
/* p,a,h1,h2,h3,h4,h5,h6,ul,li{
  

} */
.titulo_azul{
  color: #0268AE;
  font-family: din-cond;
}
.texto_azul{
  color: #0268AE;
  font-family: din-cond
}
.azul{
  color: #0268AE;
}
.grande{
  font-size: 4rem;
}
#footer{
  /* background-color: #f4f4f4; */
}
#navegador{
  position: absolute;
  top: 0;
  z-index: 1000;
  transition: all 0.5s ease-in-out;
}
.div_lateral{
  position: absolute;
  top: 0;
  left: 0;
  width: 33% !important;
  height: 100%;
  background-color: rgba(20, 120, 184, 0.3);
  backdrop-filter: blur(10px);
  align-content: center;
  h1,h2,h3,h4,h5,p{
    color: #ffffff;
    font-family: din-alt;
  }
  p{
    margin: 0;

  }
}
.div_lateral_derecha{
  position: absolute;
  top: 0;
  right: 0;
  width: 33% !important;
  height: 100%;
  background-color: rgba(20, 120, 184, 0.3);
  backdrop-filter: blur(10px);
  align-content: end;
  padding: 0 0 5% 0;
  text-align: right;
  h1,h2,h3,h4,h5,p{
    color: #ffffff;
    font-family: din-alt;
  }
}
@media (hover: hover) {
  
}
/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) {
     
}
/* (1920x1080) Full HD Display */
@media (min-width: 1920px) and (max-width: 2560px)  {
   
}
@media only screen and ( height = 619px){

}
@media only screen and (max-width: 1200px){
}
/*laptops*/
@media only screen and (max-width: 992px) {
  #footer{
    /* padding: 1.4rem; */
    text-align: center;
    text-align: -webkit-center;
  }
}
/*tablets*/
@media only screen and (max-width: 768px) {
   
}
@media only screen and (max-width: 600px) {
#footer{
  /* padding: 1.4rem; */
  padding: 20px;
  text-align: center;
  text-align: -webkit-center;
}
.div_lateral{
  width: 75% !important;
}

}
@media only screen and (max-width: 575px) {

}
@media only screen and (max-width: 375px) {

}