.block-page-hero-one.hero-section {
    --hero-content-padding: var(--spacing-24) 0 var(--spacing-40);
    --hero-section-height: calc( 80vh - var(--main-nav-bar-height) );
}
@media screen and (min-width: 992px) {
    .block-page-hero-one.hero-section {
        --hero-content-padding: var(--spacing-24) 0;
        --hero-section-height: 50vh;
    }
}