@font-face {
  font-family: GraphikRegular;
  src: url(../font/Graphik-400-Regular.otf);
}
@font-face {
  font-family: GraphikBold;
  src: url(../font/Graphik-700-Bold.otf);
}
#top_section {
  font-family: "GraphikBold";
  position: relative;
}
#top_section img {
  height: 25vh;
  width: 100%;
  object-fit: cover;
}
#top_section h2 {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
}
#clientes_section .carousel-mobile {
  display: none;
}
#clientes_section .carousel-control-next,
#clientes_section .carousel-control-prev {
  width: 10%;
}
#clientes_section .carousel-control-next .fa-chevron-left,
#clientes_section .carousel-control-prev .fa-chevron-left,
#clientes_section .carousel-control-next .fa-chevron-right,
#clientes_section .carousel-control-prev .fa-chevron-right {
  color: #636363;
  font-size: 25px;
}
#nosotros_section {
  position: relative;
  font-family: "Roboto";
}
#nosotros_section .texto-flotante {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  color: gray;
  max-width: 50%;
}
#nuestra-filosofia_section {
  position: relative;
}
#nuestra-filosofia_section .texto-flotante {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  color: white;
  max-width: 50%;
}
#nuestra-filosofia_section .texto-flotante h2 {
  font-family: "GraphikBold";
}
#nuestra-filosofia_section .texto-flotante p {
  font-family: "Roboto";
}
#mision-vision_section .row {
  background-color: #ce202f;
}
#mision-vision_section .row .mision-texto {
  color: white;
}
#mision-vision_section .row .mision-texto h2 {
  font-family: "GraphikBold";
}
#mision-vision_section .row .mision-texto p {
  font-family: "Roboto";
}
#mision-vision_section .row .col-mision-vision {
  padding: 0;
  display: -webkit-flex;
  align-self: center;
}
#mision-vision_section .row .col-img {
  padding: 0;
}
#mision-vision_section .show-mobile {
  display: none;
}
#valores_section h2 {
  font-family: "GraphikBold";
  color: #636363;
}
#valores_section .valores-texto {
  font-family: "Roboto";
}
#visitanos_section {
  background: #2c2c2c;
  background: linear-gradient(0deg, #2c2c2c 0%, #2c2c2c 50%, #ffffff 50%, #ffffff 100%);
}
@media (max-width: 1200px) {
  #nosotros_section .texto-flotante,
  #nuestra-filosofia_section .texto-flotante {
    max-width: 65%;
  }
}
@media (max-width: 992px) {
  #clientes_section .carousel-desktop {
    display: none;
  }
  #clientes_section .carousel-mobile {
    display: block;
  }
  #nosotros_section .texto-flotante,
  #nuestra-filosofia_section .texto-flotante,
  #mision-vision_section .texto-flotante,
  #nosotros_section .mision-texto,
  #nuestra-filosofia_section .mision-texto,
  #mision-vision_section .mision-texto {
    font-size: 12px;
  }
  #nosotros_section .mision-texto,
  #nuestra-filosofia_section .mision-texto,
  #mision-vision_section .mision-texto {
    padding: 1rem 3rem!important;
  }
}
@media (max-width: 768px) {
  #nosotros_section .texto-flotante,
  #nuestra-filosofia_section .texto-flotante {
    position: relative;
    transform: none;
    max-width: 100%;
    font-size: 14px;
  }
  #nosotros_section img {
    display: none;
  }
  #nuestra-filosofia_section .texto-flotante {
    color: #636363;
    font-weight: normal;
  }
  #mision-vision_section .mision-texto {
    padding: 3rem!important;
    font-size: 14px;
  }
  #mision-vision_section .show-mobile {
    display: block!important;
  }
  #mision-vision_section .hide-mobile {
    display: none!important;
  }
  #valores_section .row-valores {
    padding-top: 0rem!important;
  }
  #valores_section .valores-texto p {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  #top_section h2 {
    font-size: 25px!important;
  }
  #mision-vision_section .col-mision-vision img {
    max-width: 100%!important;
  }
}