/* Aplicar 'Tiempos Headline' al H1 del banner principal y a otros H1 de esta vista */
.page-educacion h1 {
    font-family: 'TiemposHeadline' !important;
    line-height: 60px ;
    font-size: 48px ;
    
}

.page-educacion h2 {
    font-family: 'TiemposHeadline' !important;
    font-size: 48px;
}

.page-educacion h3 {
    font-family: 'TiemposHeadline' !important;
    font-size: 32px;
}

.page-educacion h4 {
    font-family: 'TiemposHeadline' !important;
    font-size: 32px;
}

.page-educacion a {
    font-family: 'BentonSansBBVA-Medium' !important;
}

.page-educacion p {
    font-family: 'BentonSansBBVA-Book' !important;
    color:hsla(233, 82%, 15%, 1);
    font-size: 20px;
}

.slide-counter {
    color: #070E46;
    font-size: 15.01px;
    font-family: 'BentonSansBBVA-BookItalic', sans-serif;
    background-color: white;
    border-radius: 40px;
    padding: 9px 12px;
}
/* .bg-white{
    max-width: 600px;
} */


/* --------------------------------------------------------------------------
   Resolución mobile
-------------------------------------------------------------------------- */

@media (max-width: 767px) {

    .page-educacion h1 {

        font-size: 32px !important;
        line-height: 40px !important;

        
    }

    .banner-hero{
        margin-top: 300px;
    }

    .page-educacion h2 {
        font-size: 32px !important;
    }

    .bg-white{
        max-width: 100%;
    }

}


/* --------------------------------------------------------------------------
   Resolución Tablets (De 768px a 991px)
-------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {

    .page-educacion h1 {

        font-size: 32px !important;
        line-height: 40px !important;

    }

    .banner-hero{
        margin-top: 300px;
    }

    .page-educacion h2 {
        font-size: 32px !important;
    }
    .btn-bbva {
        width: 100% !important;
    }

        .bg-white{
        max-width: 100%;
    }


    
}

    @media (min-width: 992px) {
        
        .banner-hero{
            max-width: 600px;
        }
    }