@font-face {
  font-family: "extra-bold";
  src: url("../fonts/charlevoix/CharlevoixPro-ExtraBold.otf") format("opentype");
}

@font-face {
  font-family: "bold";
  src: url("../fonts/charlevoix/CharlevoixPro-Bold.otf") format("opentype");
}

@font-face {
  font-family: "medium";
  src: url("../fonts/charlevoix/CharlevoixPro-Medium.otf") format("opentype");
}

.azul {
  color: #18386b !important;
}

.azul-b {
  color: #2e4b81 !important;
}

.azul-header {
  background: #2e4b81;
  color: #fff !important;
}

.dorado {
  color: #f1af0d !important;
}

.navbar a {
  color: #fff !important;
  font-family: "bold", Arial, sans-serif;
  font-size: 125%;
}


/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 767.98px) {
  #header {
    background-color: #18386b;
    min-height: 500px;
    color: #fff;
    padding: 100px 0 100px 0;
  }

  #about {
    background-color: #f1af0d;
    min-height: 500px;
    color: #fff;
    padding: 100px 0 100px 0;
  }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  #header {
    background-image: url("../images/fondo-01.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    min-height: 500px;
    color: #fff;
    padding: 100px 0 100px 0;
  }

  #about {
    background-image: url("../images/fondo-02.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    min-height: 500px;
    color: #fff;
    padding: 100px 0 100px 0;
  }
}

#header .intro-text {
  padding-top: 110px;
  padding-bottom: 110px;
}



#benefits {
  background-image: url("../images/bg-beneficios-min.jpg");
  /*bg-beneficios-min.jpg*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  min-height: 500px;
  color: #fff;
  padding: 100px 0 100px 0;
}

.test1 {
  background-image: url("../images/fondo-08.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  min-height: 500px;
  color: #fff;
  padding: 100px 0 100px 0;
}

.test2 {
  background-image: url("../images/fondo-03.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  min-height: 500px;
  color: #fff;
  padding: 100px 0 100px 0;
}

#empresas {
  background-image: url("../images/fondo-03.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  min-height: 500px;
  color: #fff;
  padding: 100px 0 100px 0;
}

.span-titulo {
  font-family: "extra-bold", Arial, sans-serif;
  font-size: 400%;
  display: block;
  text-shadow: 1px 1px #cccccc;
}

.span-subtitulo {
  font-family: "bold", Arial, sans-serif;
  font-size: 200%;
  color: #ffae02;
}

.titulo-about {
  font-family: "extra-bold", Arial, sans-serif;
  font-size: 250%;
  display: block;
  text-shadow: 1px 1px #cccccc;
  text-align: right;
  margin: 100px 0 100px 0;
}

.desc-about {
  font-family: "medium", Arial, sans-serif;
  color: #fff;
  text-align: justify;
  font-size: 125%;
  margin-bottom: 100px;
}

.titulo-benefits {
  font-family: "extra-bold", Arial, sans-serif;
  font-size: 300%;
  display: block;
  text-shadow: 1px 1px #cccccc;
}

.sub-benefits {
  font-family: "bold", Arial, sans-serif;
  font-size: 150%;
}

.desc-benefits {
  font-family: "medium", Arial, sans-serif;
  font-size: 125%;
}

.logos {
  max-height: 250px;
}

.testimonios {
  background: rgb(24, 56, 107, 0.8);
}

.titulo-testimonios {
  font-family: "extra-bold", Arial, sans-serif;
  font-size: 250%;
  display: block;
  text-shadow: 1px 1px #cccccc;
  text-align: center;
  margin: 0 0 100px 0;
}

.nombre-testimonio {
  font-family: "bold", Arial, sans-serif;
  font-size: 150%;
}

.carrera-testimonio {
  font-family: "medium", Arial, sans-serif;
  font-size: 125%;
}

.cargo-testimonio {
  font-family: "bold", Arial, sans-serif;
  font-size: 150%;
}

.texto-testimonio {
  font-family: "medium", Arial, sans-serif;
  font-size: 125%;
}

.titulo-empresas {
  font-family: "extra-bold", Arial, sans-serif;
  font-size: 250%;
  display: block;
  text-align: center;
  margin: 0 0 100px 0;
}

/* EMPRESAS */

.empresa {
  background-image: url("../images/fondo-04.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  min-height: 500px;
  color: #fff;
  padding: 100px 0 100px 0;
}

.iconos {
  max-height: 100px;
}

.texto-empresa {
  font-family: "extra-bold", Arial, sans-serif;
  font-size: 125%;
  display: block;
  text-align: center;
  margin: 0 0 100px 0;
}

.titulo-empresa {
  font-family: "extra-bold", Arial, sans-serif;
  font-size: 250%;
  display: block;
  text-align: center;
}

.desc-empresa {
  font-family: "medium", Arial, sans-serif;
  font-size: 125%;
}

/*LOGOS*/

.lg {
  max-height: 95px;
}

footer {
  color: white;
  background-color: #373d41;
}