/* Page-specific overrides */

.inner-hero:before {
    background-image: url("../img/beneath5-banner.webp");
    background-size: 100% auto;
}

@media (max-width: 768px) {
    .inner-hero:before {
        background-size: auto 100%;
    }
}

@media (max-width: 620px) {
    .inner-hero {
        min-height: 83svh;
        padding: 14px 0 0;
    }

    .inner-hero:before {
        background-image: url("../img/beneath5-banner.webp");
        background-size: auto 100%;
        background-position: 72% top;
        background-repeat: no-repeat;
    }

    .inner-hero-content {
        min-height: calc(83svh - 96px);
        padding: 92px 0 0px;
    }
}