/* @group Page Banner
------------------------------------ */

.page-banner__container {
    position: relative;
    width: 100%;
    padding: 0.8rem 1.5rem;
    min-height: 100px;
    display: flex;
    align-items: center;
}
.page-banner__container > div {
    width: 100%;
}
.page-banner__container a {
    text-decoration: underline;
}

/* needed to override page-specific top margins for the first element after the nav */
.home .site-nav + .page-banner__container,
.page-template-zero-emision .site-nav + .page-banner__container {
    margin-top: 6.2rem;
}

.home .site-nav+ .page-banner__container + .main-hero__container,
.page-template-zero-emision .site-nav + .page-banner__container + .secondary-hero__container,
.page-template-zero-emision .site-nav + .page-banner__container + section.banner-video {
    margin-top: 0rem;
}

@media only screen
and (min-width : 961px) {
    .home .site-nav + .page-banner__container {
        margin-top: 15.5rem;
    }
    .page-template-zero-emision .site-nav + .page-banner__container {
        margin-top: 15.4rem;
    }
}

@media only screen
and (max-width : 961px) {
    .page-banner__container p {
        font-size: 1.8em;
    }
}