.banner-with-content{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.banner-with-content .banner-image img{width:100%;height:100%;display:block;object-fit:cover}.banner-with-content .main-heading{font-size:var(--heading-font-desk);color:var(--heading-color);margin:0 0 1.1458vw;font-family:Roboto Condensed Bold;line-height:1.2}.banner-with-content.hero-animation .main-heading{text-transform:uppercase}.banner-with-content .main-content p{max-width:42.9688vw;width:100%;font-size:1.0417vw;color:#525634;margin:0;line-height:1.5}.banner-with-content .banner-with-content-container{position:relative}.banner-with-content .banner-with-content-wrapper.top-center{position:absolute;top:4.5833vw;left:50%;transform:translate(-50%);text-align:center}.banner-with-content .banner-with-content-wrapper.center-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.banner-with-content .banner-with-content-wrapper.bottom-center{position:absolute;bottom:4.5833vw;left:50%;transform:translate(-50%);text-align:center}.banner-with-content .banner-with-content-wrapper.left-center{position:absolute;top:50%;left:3.125vw;transform:translateY(-50%);text-align:left}.banner-with-content .banner-with-content-wrapper.right-center{position:absolute;top:50%;right:3.125vw;transform:translateY(-50%);text-align:right}.banner-with-content.hero-animation .main-content p{color:#fff;font-size:.9375vw}.banner-with-content.hero-animation .banner-with-content-wrapper{transform:translate(-50%,7.8125vw);transition:all .8s;opacity:0}.banner-with-content.hero-animation.active .banner-with-content-wrapper{transform:translate(-50%,-50%);opacity:1}.banner-with-content .banner-image .desktop-only{display:block}.banner-with-content .banner-image .mobile-only{display:none}@media(max-width:768px){.banner-with-content{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.banner-with-content .main-heading{font-size:var(--heading-font-mob);margin-bottom:18px}.banner-with-content.hero-animation .main-content p{font-size:14px}.banner-with-content.hero-animation .main-content p br,.banner-with-content .banner-image .desktop-only{display:none}.banner-with-content .banner-image .mobile-only{display:block}.banner-with-content .main-content p{max-width:100%;font-size:14px}.banner-with-content .banner-with-content-wrapper{width:100%;padding:0 20px}.banner-with-content .banner-with-content-wrapper.top-center{top:38px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/banner-with-content.css.map */