.heroContainer{max-height:60vh;width:100%;max-height:700px;display:flex;justify-content:center;padding-top:calc(20vh + 20px);position:relative;margin-top:60px;margin-bottom:10px}.heroBlank{min-height:60px}.heroTextContainer{min-height:25vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.heroImageBg{height:100%;max-height:20vh;width:100%;position:absolute;top:0;left:0;overflow:hidden}.heroImageOverlay{display:none}.heroContentContainer{height:auto;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;gap:1rem;color:var(--primary-hero-text-color);padding:10px;overflow:hidden;text-align:center}.heroContentContainer>h1{font-size:36px}.heroSubCopy{font-size:1.1em}.heroTextContent{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;color:var(--alternate-hero-text-color);padding:1rem}.heroHeaderBg{background-color:var(--sticky-header-bg);height:60px;width:100%;position:fixed;top:0;left:0;z-index:2}.heroBanner{max-width:95%;position:absolute;left:0;bottom:2px;font-size:1.2rem;font-weight:700;background-color:var(--primary-btn);-webkit-clip-path:polygon(0 0,100% 0,96% 100%,0 100%);clip-path:polygon(0 0,100% 0,96% 100%,0 100%);color:var(--primary-btn-text);padding:1rem 2rem 1rem 5vw}@media screen and (min-width:576px){.heroContentContainer>h1{font-size:46px}.heroSubCopy{width:75%}}@media screen and (min-width:768px){.heroContainer{margin-top:80px}.heroContentContainer>h1{font-size:60px;line-height:1.1}.heroSubCopy{width:90%}.heroBlank{min-height:80px}.heroHeaderBg{height:80px}}@media screen and (min-width:1200px) and (min-height:600px){.heroContainer{height:75vh;padding:30px;justify-content:flex-start}.heroContentContainer>h1{font-size:70px;line-height:1.1}.heroImageBg{max-height:unset;max-width:40vw;right:0;bottom:50px;top:unset;left:unset;-webkit-clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%);clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%)}.heroContentContainer{justify-content:center;align-items:flex-start;text-align:left;max-width:calc(60vw - 30px)}.heroSubCopy>p{font-size:1.3em}}@media screen and (min-width:1600px) and (min-height:700px){.heroContentContainer>h1{font-size:100px;line-height:1.1}}@media screen and (min-width:2400px) and (min-height:800px){.heroContainer{padding-left:2vw}.heroContentContainer>h1{font-size:150px;line-height:1.1}.heroBanner{bottom:-30px;z-index:2;font-size:1.3rem;padding:1.2rem 3rem 1.2rem 10vw}}