.festival-hero {
    min-height: 0;
    padding: 0;
    display: block;
    line-height: 0;
    background: #f6f1d9;
}

.festival-hero > a {
    display: block;
}

.festival-hero-banner {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1920 / 900;
    object-fit: cover;
    object-position: center;
}

.festival-header .festival-header-logo {
    width: auto;
    height: 60px;
    object-fit: contain;
}

@media (max-width: 850px) {
    .festival-header .festival-header-logo {
        height: 44px;
    }
}

.festival-footer .festival-footer-logo {
    width: auto;
    height: 70px;
    object-fit: contain;
}