.homepage_hero_banner{display:flex;flex-direction:column;background-color:rgba(34,34,34,1);&.full{height:100vh}&.solid{& .image_overlay{background-color:rgba(1,94,70,.95) !important}}& .hero_banner_inner{width:100%;display:flex;flex-direction:row;@media (max-width:991px){flex-direction:column}& .left_side{width:50%;padding:30rem 10rem 15rem;padding-left:15px;@media (min-width:576px){padding-left:calc((100vw - 540px) / 2 + 15px)}@media (min-width:768px){padding-left:calc((100vw - 760px) / 2 + 15px)}@media (min-width:992px){padding-left:calc((100vw - 980px) / 2 + 15px)}@media (min-width:1200px){padding-left:calc((100vw - 1160px) / 2 + 15px)}@media (min-width:1360px){padding-left:calc((100vw - 1468px) / 2 + 15px)}@media (max-width:991px){width:100%;padding:12rem 10rem 5rem;padding-left:15px;padding-right:15px}@media (max-width:500px){padding-left:30px;padding-right:30px}& .container{margin-left:0;margin-right:auto;max-width:100%;padding-right:0}& .subheader{width:60rem;max-width:100%;font-size:4.8rem;font-weight:700;font-style:italic;margin:0;color:var(--white);-webkit-text-stroke:6px var(--primary);paint-order:stroke fill;text-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000;@media (max-width:991px){font-size:3.8rem;text-align:center}& span{color:var(--secondary);font-size:inherit;font-weight:inherit}}& .text_area{margin:3rem 0 0;& h2,& h3{font-size:4.8rem;font-weight:700;font-style:italic;margin:0;& span{font-size:inherit;font-weight:inherit}}& p{font-size:1.8rem;font-weight:600;color:var(--white);margin:0;@media (max-width:991px){text-align:center}}}& .call_to_action_buttons{@media (min-width:992px){flex-direction:row;margin:4rem 0 0}@media (max-width:991px){flex-direction:column;align-items:center;margin:3rem 0 0}& a{margin-bottom:0;@media (max-width:991px){width:27rem;max-width:100%;padding:1.4rem;&:first-of-type{margin-bottom:2rem}}}}}& .right_side{width:50%;position:relative;@media (min-width:992px){&:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(34,34,34,1) 0%,rgba(34,34,34,.6) 30%,rgba(34,34,34,0) 65%);pointer-events:none}}@media (max-width:991px){width:100%;height:30rem}& img{width:100%;height:100%;top:0;left:0;object-fit:cover;object-position:center;position:absolute;z-index:0}& img.hero_banner_image_desktop{@media (max-width:767px){display:none}}& img.hero_banner_image_mobile{@media (min-width:768px){display:none}}}}}