.HeroBannerComponent{background-color:var(--banner-background-color, #fff)}.HeroBannerComponent .bannerVideo{width:100%}.HeroBannerComponent .banner{position:relative}.HeroBannerComponent .banner:not(.stretch){height:calc(var(--banner-height)*.7);background-image:var(--banner-src);background-repeat:no-repeat;background-position:center;background-size:cover}@media (min-width: 768px){.HeroBannerComponent .banner:not(.stretch){height:calc(var(--banner-height)*.85)}}@media (min-width: 992px){.HeroBannerComponent .banner:not(.stretch){height:var(--banner-height);background-image:var(--banner-src-xl)}}.HeroBannerComponent .banner .bannerOverlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.HeroBannerComponent .banner .bannerOverlay.backdrop{background:linear-gradient(to bottom,hsla(0,0%,0%,0),hsla(0,0%,0%,.5))}.HeroBannerComponent .banner .bannerOverlay .bannerOverlayContent{text-align:center}.HeroBannerComponent .banner .bannerOverlay .mainHeading{font-size:25px}@media (min-width: 576px){.HeroBannerComponent .banner .bannerOverlay .mainHeading{font-size:48px}}@media (min-width: 1200px){.HeroBannerComponent .banner .bannerOverlay .mainHeading{font-size:60px}}.HeroBannerComponent .banner .bannerOverlay .subHeading{font-size:16px}@media (min-width: 576px){.HeroBannerComponent .banner .bannerOverlay .subHeading{font-size:28px}}.HeroBannerComponent .banner .bannerOverlay .mainHeading,.HeroBannerComponent .banner .bannerOverlay .subHeading{text-shadow:#000 0 1px 2px}