.hero-banner{height:300px;position:relative}@media (min-width:1024px){.hero-banner{height:400px}}.hero-banner__background{background-position:50%;background-size:cover}.hero-banner__background,.hero-banner__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hero-banner__overlay{background-color:#000}.hero-banner__content{align-items:center;box-sizing:border-box;display:flex;height:100%;left:0;padding:.5rem;position:absolute;top:0;width:100%}@media (min-width:768px){.hero-banner__content{margin-left:5rem;padding:0}}.hero-banner__box{background-color:rgba(0,0,0,.2);border-radius:.125rem;max-width:32rem;padding:1.5rem}@media (min-width:768px){.hero-banner__box{padding:2.5rem}}.hero-banner__heading{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.25}@media (min-width:768px){.hero-banner__heading{font-size:1.875rem}}.hero-banner__subheading{color:#fff;font-size:.875rem;margin-top:.5rem}@media (min-width:768px){.hero-banner__subheading{font-size:1rem}}.hero-banner__button-wrapper{margin-top:1rem}.hero-banner__button{border:none;border-radius:9999px;color:#fff;cursor:pointer;display:inline-block;font-size:1.125rem;font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:opacity .3s ease}.hero-banner__button:hover{opacity:.9}.hero-banner__button-wrapper>a{color:#fff!important;text-decoration:none!important}.hero-banner__box,.hero-banner__content{max-height:300px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.hero-banner__heading{font-size:30px!important;line-height:36px!important}@media(max-width:1024px){.hero-banner__heading{font-size:24px!important;line-height:30px!important}}