.block-page-hero-two.hero-section {
    --hero-section-height: 450px;
    --hero-content-display: block;
    --hero-content-position-left: unset;
    --hero-content-width: calc( 100% - 2 * var(--col-x-padding));
    --hero-content-position-bottom: var(--spacing-24);
    --hero-content-padding: var(--spacing-24) var(--spacing-16) var(--spacing-40);
    --hero-content-bg-color: var(--primary-blue-color-solid);
}
@media screen and (min-width: 768px) {
    .block-page-hero-two.hero-section {
        --hero-section-height: 50vh;
        --hero-content-width: 50%;
        --hero-content-position-bottom: var(--spacing-40);
        --hero-content-height: auto;
        --hero-content-padding: var(--spacing-32) var(--spacing-24);
    }
}
@media screen and (min-width: 1400px) {
    .block-page-hero-two.hero-section {
        --hero-content-max-width: 628px;
    }
}