.sec-hero {
  position: relative;
  overflow: hidden;
  height: 90vh;
  min-height: 700px;
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../img/family.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../img/family.jpg');
  background-position: 0px 0px, 50% 16%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.sec-hero.enfermedades {
  background-image: -webkit-linear-gradient(270deg, rgba(50, 81, 160, .45), rgba(50, 81, 160, .45)), url('../images/enfermedades-oculares.jpg');
  background-image: linear-gradient(180deg, rgba(50, 81, 160, .45), rgba(50, 81, 160, .45)), url('../images/enfermedades-oculares.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-hero.contacto {
  height: 75vh;
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .4), rgba(54, 84, 161, .4)), url('../images/14527403989_03585ee33e_h.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .4), rgba(54, 84, 161, .4)), url('../images/14527403989_03585ee33e_h.jpg');
  background-position: 0px 0px, 0% -15%;
}

.sec-hero.pediatrica {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/examen-de-ojos-pediatrico.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/examen-de-ojos-pediatrico.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-hero.tratamientos {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/cirigua-laser-de-ojos.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/cirigua-laser-de-ojos.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-hero.optometria {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/examen-de-astigmatismo.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/examen-de-astigmatismo.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.sec-hero.edad {
  padding-bottom: 10vh;
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/examen-ocular-edad-avanzada.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/examen-ocular-edad-avanzada.jpg');
  background-position: 0px 0px, 50% 13%;
  background-size: auto, cover;
}

.sec-hero.diabetes {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/enfermedades-oculares-de-la-diabetes.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/enfermedades-oculares-de-la-diabetes.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-hero.refractivo {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/astimatismo.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/astimatismo.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.sec-hero.enfermedades-ocular-h {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/examen-de-la-vista-monterrey.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/examen-de-la-vista-monterrey.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-hero.oftal-esp-h {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/tecnologia-de-salud-ocular.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/tecnologia-de-salud-ocular.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-hero.lasik-img {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/cirugia-laser.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/cirugia-laser.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-hero.cirugia-intraocular-hero {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/optometria-monterrey.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/optometria-monterrey.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-hero.oculoplastia-hero {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/oculoplastia.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/oculoplastia.jpg');
  background-position: 0px 0px, 50% 33%;
}

.sec-hero.examenes-pediatricos-hero {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/examen-optometria-para-ninos.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/examen-optometria-para-ninos.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-hero.ambliopia-hero {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/ambliopia.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/ambliopia.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-hero.defectos-infantiles-hero {
  background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/nino-lentes.jpg');
  background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/nino-lentes.jpg');
  background-position: 0px 0px, 50% 50%;
}

.sec-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3654a1;
}

.sec-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  margin-top: 0vh;
  margin-bottom: 0vh;
  border-radius: 2px;
}

.sec-content.sec-right.secop {
  margin-bottom: 0vh;
}

.body {
  background-color: #f5f5f5;
}

.sec-footer {
  padding-top: 5vh;
  padding-bottom: 6vh;
  background-color: #333;
}

.hero-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: -webkit-linear-gradient(270deg, #f5f5f5, #f5f5f5);
  background-image: linear-gradient(180deg, #f5f5f5, #f5f5f5);
}

.hero-nav-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 350px;
  height: 100px;
  margin-left: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-links-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.hero-links-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}

.img-fovac-logo {
  height: 100px;
  min-width: 20%;
  margin-top: -0.5vh;
}

.hero-links-facebook {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3b5998;
  text-decoration: none;
}

.hero-links-twitter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1ea1f2;
  text-decoration: none;
}

.hero-links-instagram {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #8a3ab9;
  text-decoration: none;
}

.hero-links-mail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fbad50;
  text-decoration: none;
}

.hero-links-phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 35px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f15822;
  text-decoration: none;
}

.hero-links-lowerdivs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
}

.hero-links-textblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  -webkit-transition: all 200ms cubic-bezier(.645, .045, .355, 1);
  transition: all 200ms cubic-bezier(.645, .045, .355, 1);
  font-family: Roboto, sans-serif;
  color: #3654a1;
  font-size: 1.2em;
  line-height: 20px;
  text-decoration: none;
}

.hero-links-textblock:hover {
  background-color: #3654a1;
  color: #f5f5f5;
}

.hero-links-textblock.last {
  padding-right: 30px;
}

.hero-links-textblock.nosotros {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.img-logo-text {
  width: 65%;
  height: 80px;
  min-width: 50%;
  margin-left: 10px;
}

.text-block {
  font-family: 'Fa brands 400', sans-serif;
  color: #fff;
  font-size: 1.3em;
  line-height: 0px;
}

.text-block.fa900 {
  font-family: 'Fa solid 900', sans-serif;
  font-size: 1.2em;
}

.hero-links-number {
  margin-right: 30px;
  margin-left: 15px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
}

.hero-dropdown-text {
  font-family: Roboto, sans-serif;
  color: #3654a1;
  font-size: 1.4em;
  font-weight: 300;
  letter-spacing: -0.5px;
}

.hero-dropdown-text:hover {
  background-color: #3654a1;
  color: #f5f5f5;
}

.hero-dropdown-text.otras-pediatrica.w--current {
  display: none;
}

.hero-dropdown-list.w--open {
  background-color: #f5f5f5;
}

.hero-h1 {
  width: 70vw;
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #f5f5f5;
  font-size: 3.4em;
  line-height: 1.1em;
  font-weight: 500;
  text-transform: uppercase;
}

.hero-h2 {
  width: 80vw;
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: Roboto, sans-serif;
  color: #f5f5f5;
  font-size: 1.7em;
  line-height: 1.2em;
  font-weight: 300;
  letter-spacing: -0.1px;
  text-transform: none;
}

.hero-boton-emergencias {
  margin-left: 0px;
  padding: 1.5vh 2vw;
  border-bottom: 3px solid transparent;
  border-radius: 2px;
  background-color: #f15822;
  -webkit-transition: all 200ms cubic-bezier(.626, .019, .355, 1);
  transition: all 200ms cubic-bezier(.626, .019, .355, 1);
  font-family: Roboto, sans-serif;
  color: #f5f5f5;
  font-size: 1.7em;
  text-decoration: none;
}

.hero-boton-emergencias:hover {
  border-bottom-color: #f15822;
  background-color: #f5f5f5;
  color: #ec7f58;
}

.hero-boton-contacto {
  margin-left: 80px;
  padding: 1.5vh 2vw;
  border-bottom: 3px solid transparent;
  background-color: #00aeef;
  -webkit-transition: all 250ms cubic-bezier(.655, .007, .355, 1);
  transition: all 250ms cubic-bezier(.655, .007, .355, 1);
  font-family: Roboto, sans-serif;
  color: #f5f5f5;
  font-size: 1.7em;
  text-decoration: none;
}

.hero-boton-contacto:hover {
  border-bottom-color: #00aeef;
  background-color: #f5f5f5;
  color: #00aeef;
}

.hero-ctas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.hero-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 300px;
  margin-left: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.banner-quote-text {
  margin-top: 2vh;
  margin-bottom: 2vh;
  border-left-style: none;
  border-left-width: 0px;
  font-family: 'PT Serif', serif;
  color: #f5f5f5;
  font-size: 2.2em;
  line-height: 1.2em;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

.banner-quote-text.primer-banner {
  font-size: 3.2em;
}

.nosotros-main {
  position: relative;
  z-index: 3;
  display: block;
  width: 100vw;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 10vh;
  border-radius: 2px;
  background-color: #95d9f4;
}

.nosotros-main-text {
  display: block;
  max-width: 1150px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  font-family: Roboto, sans-serif;
  color: #3654a1;
  font-size: 1.5em;
  line-height: 1.1em;
  font-weight: 300;
}

.nosotros-main-title {
  display: block;
  max-width: 1150px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  padding-top: 5vh;
  padding-bottom: 3vh;
  border-bottom: 1px solid #3654a1;
  font-family: Merriweather, serif;
  color: #3654a1;
  font-size: 2.4em;
  line-height: 1.35em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.nosotros-main-button {
  display: none;
  width: 19vw;
  margin-top: 35px;
  margin-right: auto;
  margin-left: auto;
  padding: 12px 15px;
  border-style: solid;
  border-width: 2px 2px 3px;
  border-color: transparent;
  border-radius: 2px;
  background-color: #f15822;
  -webkit-transition: all 250ms cubic-bezier(.667, .007, .355, 1);
  transition: all 250ms cubic-bezier(.667, .007, .355, 1);
  font-family: Roboto, sans-serif;
  color: #f5f5f5;
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.nosotros-main-button:hover {
  border-color: transparent transparent #ec7f58;
  background-color: #f5f5f5;
  color: #f15822;
}

.tratamientos-text-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  padding-top: 5vh;
  padding-right: 5vw;
  padding-left: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tratamientos-text-div.right.enfermedades-diabetes-txt {
  margin-bottom: 15vh;
  padding-top: 15vh;
}

.tratamientos-text-div.enfermedades-diabetes-txt {
  width: 50vw;
}

.tratamientos-img-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 50vw;
  margin-right: 0vw;
  margin-left: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.tratamientos-img-wrap.wrap-right {
  margin-left: 0vw;
}

.tratamientos-img-wrap.wrap-right.enfermedades-pagina-imagen {
  width: 50vw;
}

.tratamientos-img-wrap.enfermedades-diabetes {
  width: 50vw;
}

.tratamientos-title {
  position: relative;
  z-index: 5;
  width: 40vw;
  margin-top: 0px;
  margin-bottom: 50px;
  margin-left: 0vw;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 5px solid #f15822;
  background-color: #f5f5f5;
  font-family: Roboto, sans-serif;
  color: #3654a1;
  font-size: 3em;
}

.tratamientos-title.title-right {
  width: 40vw;
  padding-right: 9vw;
  font-size: 2.75em;
  text-align: left;
}

.tratamientos-title.enfermedades-pagina-titulo {
  width: 40vw;
}

.tratamientos-main-text {
  margin-right: 0vw;
  margin-bottom: 15vh;
  padding-top: 3vh;
  font-family: Roboto, sans-serif;
  color: #3654a1;
  font-size: 1.7em;
  line-height: 1.25em;
  font-weight: 300;
}

.tratamientos-main-text.otras-txt {
  margin-bottom: 5vh;
}

.tratamientos-boton {
  width: 19vw;
  margin: 3vh 3vw 20vh 0vw;
  padding: 20px 25px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-bottom: 3px solid transparent;
  border-radius: 3px;
  background-color: #00aeef;
  -webkit-transition: all 250ms cubic-bezier(.678, .007, .355, 1);
  transition: all 250ms cubic-bezier(.678, .007, .355, 1);
  font-family: Roboto, sans-serif;
  color: #f5f5f5;
  font-size: 1.5em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.tratamientos-boton:hover {
  border-bottom-color: #00aeef;
  background-color: #f5f5f5;
  color: #00aeef;
}

.tratamientos-boton.tratamientos-boton-right {
  margin-right: 0vw;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.contacto-ubicacion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.img-content {
  width: 100%;
  height: 100%;
  background-image: url('../images/salud-ocular-integral.jpg');
  background-position: 53% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.img-content.img-enfermedades {
  background-image: url('../images/shutterstock_207839617.jpg');
}

.img-content.img-pediatrica {
  background-image: url('../images/examen-optometria-pediatrico.jpg');
}

.img-content.img-optometria {
  background-image: url('../images/examen-de-ojos.jpg');
}

.img-content.cataratas {
  background-image: url('../images/ojos-con-cataratas.jpg');
}

.img-content.miopia {
  background-image: url('../images/miopia-lentes.jpg');
  background-position: 50% 50%;
}

.img-content.len-grad-img {
  background-image: url('../images/lentes-de-graduacion.jpg');
}

.img-content.lentes-cont-img {
  background-image: url('../images/lentes-de-contacto-economicos.jpg');
}

.img-content.lentes-escl-img {
  background-image: url('../images/lentes-esclerales.jpg');
}

.img-content.examenes-de-vista {
  background-image: url('../images/IMG_9609.jpg');
}

.img-content.degeneracion-macular {
  background-image: url('../images/shutterstock_362213591.jpg');
}

.img-content.presbicia {
  background-image: url('../images/ojos-cansados.jpg');
}

.img-content.moscas {
  background-image: url('../images/Miodesopsias.jpg');
}

.img-content.glaucoma {
  background-image: url('../images/presbicia-monterrey.jpg');
  background-position: 4% 0%;
}

.img-content.retinopatia-dabetica {
  background-image: url('../images/retinopatia-diabetica.jpg');
  background-position: 50% 50%;
}

.img-content.astigmatismo {
  background-image: url('../images/miopia.jpg');
}

.img-content.hipermetropia {
  background-image: url('../images/ojos-cansados-y-salud-ocular.jpg');
}

.img-content.edema {
  background-image: url('../images/edema-macular-diabetica.jpg');
}

.img-content.otras-1 {
  background-image: url('../images/chalazion.jpg');
}

.img-content.otras-2 {
  background-image: url('../images/examen-de-la-cornea.jpg');
}

.img-content.oft-experto-1 {
  background-image: url('../images/oftalmologo-experto-monterrey.jpg');
}

.img-content.oft-experto-2 {
  background-image: url('../images/oftalmologo-monterrey.jpg');
  background-position: 27% 0%;
}

.img-content.lasik-1 {
  background-image: url('../images/cirugia-laser-ojos.jpg');
}

.img-content.lasik-2 {
  background-image: url('../images/lentes-graduados.jpg');
}

.img-content.cirugia-lente {
  background-image: url('../images/lente-intraocular.jpg');
}

.img-content.cirugia-implante {
  background-image: url('../images/implante-intraocular.jpg');
}

.img-content.cirugia-transplante {
  background-image: url('../images/transplante-cornea.jpg');
}

.img-content.defectos-inf-1 {
  background-image: url('../images/examen-de-ojos-infantil.jpg');
  background-position: 62% 0%;
}

.img-content.defectos-inf-2 {
  background-image: url('../images/oftalmologia-infantil.jpg');
}

.img-content.defectos-inf-3 {
  background-image: url('../images/oftalmologo-pediatrico-monterrey.jpg');
  background-position: 45% 23%;
}

.img-content.oculoplastia-1 {
  background-image: url('../images/oculoplastia-monterrey.jpg');
}

.img-content.oculoplastia-2 {
  background-image: url('../images/blefaroplastia-monterrey.jpg');
}

.img-content.oculoplastia-3 {
  background-image: url('../images/botox-monterrey.jpg');
}

.img-content.oft-pediatrica-1 {
  background-image: url('../images/examen-pediatrico-oftalmologico.jpg');
}

.img-content.oft-pediatrica-2 {
  background-image: url('../images/optometria-pediatrica.jpg');
}

.img-content.ambliopia-img-1 {
  background-image: url('../images/estrabismo-infantil.jpg');
}

.img-content.ambliopia-img-2 {
  background-image: url('../images/ambliopia-infantil.jpg');
}

.footer-social-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2vh;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.footer-links-main {
  margin-bottom: 10vh;
  text-align: center;
}

.footer-links-tratamientos {
  text-align: center;
}

.footer-links-enfermedades {
  text-align: center;
}

.footer-links-pediatrico {
  text-align: center;
}

.footer-links-optometria {
  text-align: center;
}

.footer-links-tier1 {
  display: block;
  margin-bottom: 2vh;
  font-family: Roboto, sans-serif;
  color: #f5f5f5;
  font-size: 1.35em;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase;
}

.footer-links-tier1.tier2 {
  margin-bottom: 1.5vh;
  padding-bottom: 0.5vh;
  border-bottom: 1px solid #f5f5f5;
  text-align: center;
}

.footer-links-tier1.tier3 {
  margin-bottom: 2vh;
  font-size: 1.25em;
  text-transform: none;
}

.footer-link-facebook {
  width: 5vw;
  height: 5vh;
  margin-top: 5vh;
  margin-bottom: 1vh;
  -webkit-transition: all 250ms cubic-bezier(.645, .045, .355, 1);
  transition: all 250ms cubic-bezier(.645, .045, .355, 1);
  font-family: 'Fa brands 400', sans-serif;
  color: #1a4fd8;
  font-size: 3em;
  text-align: center;
  text-decoration: none;
}

.footer-link-facebook:hover {
  color: #f5f5f5;
}

.footer-links-twitter {
  width: 5vw;
  height: 5vh;
  margin-top: 5vh;
  margin-bottom: 3vh;
  -webkit-transition: all 250ms cubic-bezier(.645, .045, .355, 1);
  transition: all 250ms cubic-bezier(.645, .045, .355, 1);
  font-family: 'Fa brands 400', sans-serif;
  color: #95d9f4;
  text-align: center;
  text-decoration: none;
}

.footer-links-twitter:hover {
  color: #f5f5f5;
}

.footer-links-instagram {
  width: 5vw;
  height: 5vh;
  margin-top: 5vh;
  margin-bottom: 3vh;
  -webkit-transition: all 250ms cubic-bezier(.645, .045, .355, 1);
  transition: all 250ms cubic-bezier(.645, .045, .355, 1);
  font-family: 'Fa brands 400', sans-serif;
  color: #f369f3;
  font-size: 3em;
  text-align: center;
  text-decoration: none;
}

.footer-links-instagram:hover {
  color: #fff;
}

.text-block-3 {
  font-size: 3em;
}

.tratamientos-title-wrap {
  text-transform: uppercase;
}

.sec-content-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.mobile-hero-nav {
  display: none;
}

.enfermedades-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.enfermedades-patologia {
  width: 33vw;
  background-image: url('../images/oftalmologos-especializados-en-monterrey.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.enfermedades-patologia.e-diabetes {
  overflow: hidden;
  background-image: url('../images/examen-oftalmologico.jpg');
  background-position: 78% 50%;
  background-size: auto;
  background-repeat: repeat;
}

.enfermedades-patologia.e-diabetes.cirugia-laser {
  background-image: url('../images/cirugia-laser.jpg');
  background-position: 48% 0%;
  background-size: cover;
}

.enfermedades-patologia.e-refractivas {
  background-image: url('../images/examen-para-lentes.jpg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: repeat;
}

.enfermedades-patologia.e-refractivas.cirugia-intraocular {
  background-image: url('../images/operacion-intraocular.jpg');
  background-size: cover;
}

.enfermedades-patologia.e-oculoplastia {
  background-image: url('../images/oculoplastia-bg.jpg');
  background-position: 34% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.enfermedades-patologia.e-oculoplastia.enfermedades-tratamientos {
  background-image: url('../images/tratamiento-oftalmologico.jpg');
}

.enfermedades-patologia.e-otros {
  background-image: url('../images/examen-de-ojo.jpg');
  background-position: 78% 0%;
}

.enfermedades-patologia.e-otros.enfermedades-oculares {
  background-image: url('../images/dolor-de-ojos.jpg');
  background-position: 35% 0%;
}

.enfermedades-patologia.nosotros-enfermedades {
  background-image: url('../images/ofalmologos-en-monterrey-economicos.jpg');
  background-position: 52% 1%;
}

.enfermedades-patologia.enfermedades-edad {
  background-image: url('../images/agujero-macular-examen.jpg');
  background-position: 60% 0%;
}

.enfermedades-patologia.examenes-pediatricos {
  background-image: url('../images/examen-optometria-para-ninos.jpg');
  background-position: 35% 0%;
}

.enfermedades-patologia.ambliopia {
  background-image: url('../images/ambliopia.jpg');
}

.enfermedades-patologia.defectos-infancia {
  background-image: url('../images/nino-lentes.jpg');
  background-position: 82% 0%;
}

.enfermedades-patologia.infantil-otros {
  background-image: url('../images/examen-pediatrico-oftalmologico.jpg');
}

.enfermedades-p-cover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33vw;
  height: 100%;
  padding: 2vh 3vw 7vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f5f5f5;
  -webkit-transition: all 250ms cubic-bezier(.645, .045, .355, 1);
  transition: all 250ms cubic-bezier(.645, .045, .355, 1);
}

.enfermedades-p-cover:hover {
  background-color: hsla(0, 0%, 96%, .65);
}

.enfermedades-p-title {
  margin-top: 0px;
  margin-bottom: 2vh;
  padding-top: 3vh;
  padding-bottom: 2vh;
  font-family: Roboto, sans-serif;
  color: #3654a1;
  font-size: 2em;
}

.enfermedades-p-title.trat {
  margin-top: 25%;
}

.enfermedades-p-description {
  margin-bottom: 10vh;
  font-family: Roboto, sans-serif;
  color: #333;
  font-size: 1.6em;
  line-height: 1.2em;
  font-style: italic;
  font-weight: 300;
}

.enfermedades-p-lista {
  display: none;
  margin-top: auto;
  margin-bottom: 3vh;
  font-family: Roboto, sans-serif;
  color: #3654a1;
  font-size: 1.2em;
  line-height: 1.35em;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.enfermedades-p-boton {
  margin-top: auto;
  margin-bottom: 5vh;
  padding: 2vh 2vw;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: #3654a1;
  -webkit-transition: all 250ms cubic-bezier(.645, .045, .355, 1);
  transition: all 250ms cubic-bezier(.645, .045, .355, 1);
  font-family: Roboto, sans-serif;
  color: #f5f5f5;
  font-size: 1.2em;
  text-decoration: none;
  text-transform: uppercase;
}

.enfermedades-p-boton:hover {
  border-width: 1px;
  border-color: #95d9f4;
  background-color: #fff;
  color: #3654a1;
}

.enfermedades-p-boton.trat {
  margin-top: auto;
  margin-bottom: 15vh;
}

.enfermedades-separador {
  width: 15%;
  height: 3px;
  margin-top: 2vh;
  margin-bottom: 4vh;
  background-color: #ec7f58;
}

.dropdown-link-block {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.list-item {
  font-size: 1em;
}

.contacto-mapa {
  width: 60%;
}

.contacto-ubicacion-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  padding-right: 3vw;
  padding-left: 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contacto-ubicacion-title {
  font-size: 2.75em;
}

.contacto-text-title {
  margin-bottom: 2.5vh;
  font-family: Roboto, sans-serif;
  color: #3654a1;
  font-weight: 300;
  text-transform: uppercase;
}

.contact-ubicacion-texto {
  font-family: Roboto, sans-serif;
  color: #3654a1;
  font-size: 1.25em;
  line-height: 1.2em;
  font-weight: 500;
}

.contacto-second {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contacto-hours {
  width: 40vw;
  padding: 3vh 3vw 5vh;
}

.contacto-form {
  width: 60vw;
  padding: 5vh 5vw;
  background-color: #3654a1;
}

.form-field-label {
  font-family: Roboto, sans-serif;
  color: #f5f5f5;
  font-size: 1.15em;
}

.form-text-field {
  margin-bottom: 2vw;
  background-color: #3654a1;
}

.form-text-field::-webkit-input-placeholder {
  color: #f5f5f5;
}

.form-text-field:-ms-input-placeholder {
  color: #f5f5f5;
}

.form-text-field::placeholder {
  color: #f5f5f5;
}

.form-button {
  width: 10vw;
  height: 5vh;
  margin-right: 0vw;
  float: right;
  border-radius: 3px;
  background-color: #f5f5f5;
  font-family: Roboto, sans-serif;
  color: #3654a1;
  font-size: 1.3em;
  font-weight: 500;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .sec-hero {
    height: 85vh;
    min-height: 700px;
  }
  .sec-banner {
    height: 20vw;
  }
  .sec-nosotros {
    margin-bottom: 10vh;
  }
  .sec-content {
    margin-bottom: 10vh;
  }
  .sec-content.sec-right {
    margin-bottom: 10vh;
  }
  .sec-footer {
    padding-top: 3vh;
    padding-right: 3vw;
    padding-left: 3vw;
  }
  .hero-nav {
    display: none;
  }
  .hero-links-textblock {
    font-size: 1em;
  }
  .hero-h2 {
    margin-bottom: 50px;
    font-weight: 300;
  }
  .hero-boton-emergencias {
    padding-right: 5vw;
    padding-left: 5vw;
    font-size: 1.5em;
  }
  .hero-boton-contacto {
    padding-right: 5vw;
    padding-left: 5vw;
    font-size: 1.5em;
  }
  .hero-ctas {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .hero-main {
    margin-top: 500px;
    margin-right: 10vw;
    margin-left: 10vw;
  }
  .banner-quote-text {
    height: auto;
    line-height: 1.1em;
    text-align: center;
  }
  .nosotros-main-text {
    padding-right: 10vw;
    padding-left: 10vw;
  }
  .nosotros-main-button {
    width: 25vw;
  }
  .tratamientos-text-div {
    width: 55vw;
    margin-left: 5vw;
    padding-right: 3vw;
  }
  .tratamientos-text-div.right {
    margin-left: 5vw;
  }
  .tratamientos-img-wrap {
    width: 50vw;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .tratamientos-title {
    width: 100vw;
    margin-left: -5vw;
    padding-left: 0vw;
    text-align: center;
  }
  .tratamientos-title.title-right {
    width: 100vw;
    margin-left: -45vw;
    padding-right: 0vw;
    padding-left: 0vw;
    text-align: center;
  }
  .tratamientos-main-text {
    margin-top: 5vh;
    font-size: 1.3em;
  }
  .tratamientos-boton {
    width: 30vw;
    font-size: 1.35em;
  }
  .tratamientos-boton.tratamientos-boton-right {
    font-size: 1.35em;
  }
  .img-content.img-optometria {
    background-position: -498px 0px;
  }
  .footer-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-links-main {
    margin-bottom: 3vh;
    font-size: 1.25em;
  }
  .footer-links-tratamientos {
    margin-bottom: 3vh;
  }
  .footer-links-enfermedades {
    margin-bottom: 3vh;
  }
  .footer-links-pediatrico {
    margin-bottom: 3vh;
  }
  .footer-links-tier1.tier2 {
    display: inline-block;
    width: 25vw;
    font-size: 1.35em;
    font-weight: 700;
  }
  .footer-link-facebook {
    margin-right: 5vw;
  }
  .footer-links-twitter {
    margin-right: 5vw;
    margin-left: 5vw;
  }
  .footer-links-instagram {
    margin-left: 5vw;
  }
  .mobile-hero-nav {
    display: block;
    background-color: #f5f5f5;
  }
  .icon-hamburger {
    background-color: transparent;
    color: #3654a1;
  }
  .mobile-nav-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
  }
  .image {
    height: 6vh;
  }
  .mobile-nav-link {
    display: block;
    font-family: Roboto, sans-serif;
    color: #3654a1;
    font-size: 1.2em;
    text-transform: uppercase;
  }
  .menu-button {
    background-color: #f5f5f5;
  }
  .menu-button.w--open {
    background-color: #f5f5f5;
  }
  .nav-menu {
    background-color: #f5f5f5;
  }
  .mobile-nav-menu-coint {
    background-color: #f5f5f5;
  }
}

@media (max-width: 767px) {
  .sec-content {
    margin-bottom: 5vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .hero-h1 {
    font-size: 2.5em;
  }
  .hero-h2 {
    margin-bottom: 100px;
    font-size: 1.75em;
  }
  .hero-boton-emergencias {
    padding-top: 5vh;
    padding-bottom: 5vh;
    font-size: 2em;
  }
  .hero-boton-contacto {
    margin-left: 40px;
    padding-top: 5vh;
    padding-bottom: 5vh;
    font-size: 2em;
  }
  .hero-main {
    margin-top: 50px;
  }
  .banner-quote-text {
    font-size: 2em;
  }
  .nosotros-main-button {
    width: 40vw;
  }
  .tratamientos-text-div {
    width: 90vw;
    margin-right: 5vw;
    padding-right: 0vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .tratamientos-text-div.right {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .tratamientos-text-div.img-tratamientos {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .tratamientos-img-wrap {
    width: 100vw;
    height: 50vw;
    margin-left: 0vw;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .tratamientos-title.title-right {
    margin-left: -5vw;
  }
  .tratamientos-boton {
    display: block;
    width: 40vw;
    margin-right: auto;
    margin-bottom: 5vh;
    margin-left: auto;
    padding: 30px;
    font-size: 1.2em;
  }
  .tratamientos-boton.tratamientos-boton-right {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .img-content.img-optometria {
    background-position: 50% 50%;
  }
  .footer-links-main {
    margin-bottom: 5vh;
  }
  .footer-links-tratamientos {
    margin-bottom: 5vh;
  }
  .footer-links-tier1.w--current {
    margin-bottom: 48px;
  }
  .footer-links-tier1.tier2 {
    margin-top: 5vh;
    margin-bottom: 5vh;
  }
  .footer-links-tier1.tier3 {
    margin-bottom: 4vh;
  }
  .footer-link-facebook {
    width: 8vw;
    height: 8vh;
    margin-right: 8vw;
    font-size: 4em;
  }
  .footer-links-twitter {
    width: 8vw;
    height: 8vh;
    margin-right: 8vw;
    margin-left: 8vw;
  }
  .footer-links-instagram {
    width: 8vw;
    height: 8vh;
    margin-left: 8vw;
    font-size: 4em;
  }
  .text-block-3 {
    font-size: 4em;
  }
  .icon-hamburger {
    font-size: 1.75em;
  }
  .mobile-nav-logo {
    padding-top: 5px;
  }
  .image {
    height: 15vh;
  }
  .mobile-nav-link {
    padding: 35px 30px;
  }
  .mobile-fundacion-letras {
    height: 10vh;
    margin-top: 6px;
  }
}

@media (max-width: 479px) {
  .sec-hero {
    height: auto;
    padding-bottom: 15vh;
    background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../img/family.jpg');
    background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../img/family.jpg');
    background-position: 0px 0px, 61% 50%;
  }
  .sec-hero.enfermedades {
    background-image: -webkit-linear-gradient(270deg, null, null), url('../images/mujer-ojo-rojo.jpg');
    background-image: linear-gradient(180deg, null, null), url('../images/mujer-ojo-rojo.jpg');
    background-position: 0px 0px, -249px 0px;
  }
  .sec-hero.contacto {
    background-image: -webkit-linear-gradient(270deg, null, null), url('../images/14527403989_03585ee33e_h.jpg');
    background-image: linear-gradient(180deg, null, null), url('../images/14527403989_03585ee33e_h.jpg');
    background-position: 0px 0px, -366px 0px;
  }
  .sec-hero.enfermedades-ocular-h {
    background-image: -webkit-linear-gradient(270deg, null, null), url('../images/mujer-ojo-rojo.jpg');
    background-image: linear-gradient(180deg, null, null), url('../images/mujer-ojo-rojo.jpg');
    background-position: 0px 0px, -228px 0px;
  }
  .sec-hero.cirugia-intraocular-hero {
    background-image: -webkit-linear-gradient(270deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/optometria-monterrey.jpg');
    background-image: linear-gradient(180deg, rgba(54, 84, 161, .45), rgba(54, 84, 161, .45)), url('../images/optometria-monterrey.jpg');
    background-position: 0px 0px, 29% 50%;
  }
  .sec-banner {
    height: 35vw;
  }
  .sec-nosotros {
    margin-bottom: 0vh;
  }
  .sec-content {
    margin-bottom: 0vh;
  }
  .sec-content.sec-right {
    margin-bottom: 0vh;
  }
  .hero-h1 {
    width: 90vw;
    font-size: 1.8em;
    text-align: center;
  }
  .hero-h2 {
    text-align: center;
  }
  .hero-boton-emergencias {
    display: block;
    width: 65vw;
    margin-right: auto;
    margin-bottom: 3vh;
    margin-left: auto;
    padding: 3vh 2vw;
    text-align: center;
  }
  .hero-boton-contacto {
    display: block;
    width: 65vw;
    margin-right: auto;
    margin-bottom: 0vh;
    margin-left: auto;
    padding-top: 3vh;
    padding-bottom: 3vh;
    text-align: center;
  }
  .hero-ctas {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .hero-main {
    margin-right: 3vw;
    margin-left: 3vw;
    margin-top: 20vh;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .banner-quote-text {
    font-size: 1.5em;
  }
  .banner-quote-text.primer-banner {
    font-size: 2em;
  }
  .nosotros-main-text {
    font-size: 1.35em;
    text-align: center;
  }
  .nosotros-main-title {
    max-width: 80vw;
    border-bottom-width: 2px;
    font-size: 2em;
  }
  .nosotros-main-button {
    width: 80vw;
  }
  .tratamientos-text-div {
    padding-top: 0vh;
    padding-bottom: 5vh;
    padding-left: 0vw;
  }
  .tratamientos-text-div.enfermedades-diabetes-txt {
    width: 90vw;
  }
  .tratamientos-img-wrap {
    height: 75vw;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .tratamientos-img-wrap.wrap-right {
    height: 75vw;
  }
  .tratamientos-img-wrap.wrap-right.enfermedades-pagina-imagen {
    width: 100vw;
  }
  .tratamientos-img-wrap.enfermedades-diabetes {
    width: 100vw;
  }
  .tratamientos-title {
    width: 90vw;
    margin-bottom: 25px;
    margin-left: 0vw;
    font-size: 2em;
  }
  .tratamientos-title.title-right {
    width: 90vw;
    margin-left: 0vw;
    font-size: 2em;
  }
  .tratamientos-title.enfermedades-pagina-titulo {
    width: 90vw;
  }
  .tratamientos-main-text {
    margin-top: 0vh;
    margin-right: 5vw;
    margin-left: 5vw;
    font-size: 1.25em;
    text-align: center;
  }
  .tratamientos-boton {
    width: 75vw;
  }
  .tratamientos-boton.tratamientos-boton-right {
    display: block;
    width: 75vw;
    margin-right: auto;
    margin-left: auto;
  }
  .contacto-ubicacion {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-links-main {
    margin-bottom: 1vh;
  }
  .footer-links-tratamientos {
    margin-bottom: 1vh;
  }
  .footer-links-enfermedades {
    margin-bottom: 1vh;
  }
  .footer-links-pediatrico {
    margin-bottom: 1vh;
  }
  .footer-links-optometria {
    text-align: center;
  }
  .footer-links-tier1.tier2 {
    display: inline-block;
    width: 50vw;
    text-align: center;
  }
  .footer-link-facebook {
    margin-right: 15vw;
  }
  .footer-links-twitter {
    margin-right: 10vw;
    margin-left: 10vw;
  }
  .footer-links-instagram {
    margin-left: 15vw;
  }
  .sec-content-wrap {
    height: auto;
  }
  .mobile-nav-logo {
    margin-top: 0px;
    margin-left: 5px;
    padding-top: 0px;
  }
  .image {
    height: 6vh;
  }
  .menu-button {
    margin-left: 20px;
  }
  .mobile-nav-menu-coint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mobile-fundacion-letras {
    height: 5vh;
    margin-top: 5px;
    margin-left: 25px;
  }
  .text-block-4 {
    font-size: 1em;
  }
  .enfermedades-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .enfermedades-patologia {
    width: 100vw;
  }
  .enfermedades-patologia.e-diabetes {
    width: 100vw;
  }
  .enfermedades-patologia.e-refractivas {
    width: 100vw;
  }
  .enfermedades-patologia.e-oculoplastia.enfermedades-tratamientos {
    width: 100vw;
  }
  .enfermedades-patologia.e-otros {
    width: 100vw;
  }
  .enfermedades-patologia.nosotros-enfermedades {
    width: 100vw;
  }
  .enfermedades-patologia.enfermedades-edad {
    width: 100vw;
  }
  .enfermedades-p-cover {
    width: 100vw;
    padding-bottom: 12vh;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .enfermedades-p-title {
    margin-top: 5vh;
    margin-bottom: 0vh;
    padding-top: 0vh;
    font-size: 2.5em;
    text-align: center;
  }
  .enfermedades-p-description {
    padding-right: 5vw;
    padding-left: 5vw;
    font-size: 1.35em;
    text-align: center;
  }
  .enfermedades-p-boton {
    display: block;
    margin-top: 1vh;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10vw;
    padding-left: 10vw;
  }
  .enfermedades-separador {
    display: block;
    margin: 1vh auto 2vh;
  }
  .contacto-mapa {
    width: 100%;
    height: 65vh;
  }
  .contacto-ubicacion-text {
    width: 100%;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
  .contacto-text-title {
    margin-top: 3vh;
    text-align: center;
  }
  .contact-ubicacion-texto {
    font-size: 1.2em;
    text-align: center;
  }
  .contacto-second {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .contacto-hours {
    width: 100vw;
    padding-top: 0vh;
  }
  .contacto-form {
    width: 100vw;
  }
  .contact-horas-texto {
    margin-right: 5vw;
    margin-left: 5vw;
  }
  .form-button {
    display: block;
    width: 65vw;
    margin-top: 5vh;
  }
}

@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}