/* Keep the landing header and hero close together; avoid the oversized blank band. */
.landing-page .page-wrap:before {
    margin-bottom: 6px;
}

.landing-page .landing-utility {
    padding-top: 8px;
    padding-bottom: 8px;
}

.landing-page .landing-hero {
    min-height: 520px;
    padding-top: 12px;
    padding-bottom: 28px;
}

.landing-page .landing-hero-art {
    min-height: 440px;
}

@media (max-width: 960px) {
    .landing-page .landing-hero {
        min-height: 0;
        padding-top: 22px;
        padding-bottom: 32px;
    }

    .landing-page .landing-hero-art {
        min-height: 400px;
    }
}

@media (max-width: 700px) {
    .landing-page .landing-utility {
        padding-top: 8px;
        padding-bottom: 6px;
    }

    .landing-page .landing-hero {
        min-height: 0;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .landing-page .landing-hero-art {
        min-height: 340px;
    }
}