.hero_overlay .text-white *{color: #fff!important;}


@media only screen and (min-width: 1025px) {
    .hero_overlay{min-height: 100vh; position: absolute; right: 1.5rem; top: calc(var(--header-height) * -1); background-color: rgba(0, 0, 0, 0.65); display: flex; flex-direction: column; justify-content: center; padding: 0 2rem; z-index: 50; width: 461px;}
    .hero_overlay .h2 {padding-top: 0;color: #fff;font-weight: 400;line-height:1.2;letter-spacing: 0.05em;margin-bottom: 0.6em;font-size:2.4rem; font-family: var(--font-h2);text-transform: uppercase;}
    .hero_overlay .caption{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;text-align: center;color: #ccc;}
    .admin-bar .hero_overlay{min-height: calc( 100vh - 32px );}
    .hero.align_center{display: flex; align-items: center;}

    .hero_btn{min-height: 100vh; position: absolute; right: 0; left: 0; top: calc(var(--header-height) * -1); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 2rem;}
    .hero_btn i{font-size: 50px; color: #fff;}
    .admin-bar .hero_btn{min-height: calc( 100vh - 32px );}
}

@media only screen and (max-width: 1024px) {
    .hero_overlay h2,
    .hero_overlay p,
    .hero_overlay .align_left,
    .hero_btn{display: none;}
    .hero_overlay .caption{position: absolute;bottom: calc(9vmax * -1);left: 0;right: 0;width: 100%;text-align: center;color: #ccc;}

    .hero.align_center > .l-section-h,
    .hero.align_center > .l-section-h > .vc_row{height: 100%;}
}