body, a{
    font-family: 'Montserrat', sans-serif;
}

.heroBanner{
    min-height: 500px;
    width: 100%;
    background-image: url('../assets/hero.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.text-enfoque-hero{
    font-size: 3.5rem;
}

.text-enfoque-bold{
    font-weight: 600;
}

.text-enfoque-light{
 color: #23539A;
}

.text-enfoque-dark{
    color: #1E2D52;

}

.text-enfoque-left{
    text-align: left;
}

.text-enfoque-right{
    text-align: right;
}

.fortaleza{
    min-height: 600px;
}

.lista{
    background-color: #3393D2;
}

.lista>.row>.col>span{
    color: #FFF;
    font-size: 3.5rem;

}


.lista-fortaleza>.col>p{


}

.lista-fortaleza>div.col-9>p.lista-tit{

    font-size: 2.5rem;
    color: #FFF ;
    margin-bottom: 0 ;
}

.lista-fortaleza>.col-9>p.lista-sub{

    font-size: 1.5rem;
    color: #23539A;
}

.lista-fortaleza>.col-2>img{

    width: 50px;
    
}

.carrusel{
    background-color: #FFF;
    background-image: url(../assets/aplicacion-examen-de-la-vista.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;

}


.fondo-deg{

    background-image: url(../assets/fondo-quienes.jpg);
    background-position: top left;
    background-repeat: repeat-x;
}


.quienes-tit{
    font-size: 1.8rem;
}


.quienes-desc{

    color: #23539A;
    font-size: 1.2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;

}

.lentes-quienes{
    margin: 2rem 0 1rem 3rem;
}

.footer{
    background-color: #1E2D52;
}

.footer-phone{
    color: #FFF;
    font-size: 3rem;

}

.footer-phone:hover{
    color: #FFF;
    text-decoration: none;

}

.footer-icon{

    max-width: 150px;
}

.footer-text{
    color: #FFF;
    font-size: 1rem;
}

.text-footer-phone{
    text-align: right;
}

.text-footer-logo{
    text-align: left;
}

.footer{
    margin-top: 0;
}

.contacto-dir{
    margin: 0;
}

.contacto-dir>a, .contacto-dir>a:hover{
    text-decoration: none;
    font-size: 1.1rem;
}



/* Medium devices (tablets, 768px and up)*/

@media only screen and (max-width: 812px) {
    
    
    .heroBanner{
        min-height: 610px;
        background-color: #F7F7F9;
        background-image: url(../assets/modelo.png);
        background-size: auto;
        background-position: bottom right;
  }

    .text-enfoque-hero{
        font-size: 1.9rem;
    }

    .text-enfoque-left, .text-enfoque-right  {
        text-align: center;
      }


      .lista-fortaleza>div.col-9>p.lista-tit{

        font-size: 1.2rem;

    }
    
    .lista-fortaleza>.col-9>p.lista-sub{
    
        font-size: 0.9rem;
    }


    .lista>.row>.col>span{
        font-size: 1.5rem;
    }

    .lista>.row>.col>img{
        max-width: 40%;
    }

    .lentes-quienes{
        max-width: 350px;
        margin: 3rem 0 1rem 0;
    }

    .quienes-desc{
        margin-top: 0;
        margin-bottom: 3rem;
        font-size: 1rem;
    }

    .quienes-tit{
        font-size: 1.3rem;
    }

    .contacto-dir{
        margin: 1.5rem 0;
    }

    .contacto-dir>a, .contacto-dir>a:hover{
        text-decoration: none;
        font-size: 1.3rem;
    }

    .footer{
        margin-top: 2rem;
    }

    .footer-phone{
        font-size: 1.5rem;
    
    }
    
    .footer-icon{
    
        max-width: 50px;
    }

    .footer-text{
        font-size: 0.7rem;
    }

    .text-footer-phone ,.text-footer-logo{
        text-align: center;
    }

    .footer-logo{
        max-width: 140px;
    }


}
/* End media querie*/