.component-hero-new.makeover .content-container>div{padding:5% 15% calc(5% + 10px) 15px}.component-hero-new.makeover a.cta{margin-top:20px}@media screen and (min-width: 570px){.component-hero-new.makeover .content-container>div{padding-right:25%}.component-hero-new.makeover .img-container{height:60vw}.component-hero-new.makeover .img-container img{height:100%;width:100%;object-fit:cover}}@media screen and (min-width: 768px){.component-hero-new.makeover .content-container>div{padding:7% 20% calc(7% + 20px) 15px}.component-hero-new.makeover a.cta{margin-top:25px}}@media screen and (min-width: 992px){.component-hero-new.makeover{position:relative}.component-hero-new.makeover .content-container{width:50%}.component-hero-new.makeover .content-container>div{max-width:815px;margin-left:auto;padding:12% 15px calc(12% + 20px)}.component-hero-new.makeover .content-container h1{max-width:440px}.component-hero-new.makeover .img-container{position:absolute;top:0;left:50%;height:100%;width:50%}}@media screen and (min-width: 1400px){.component-hero-new.makeover .content-container h1{max-width:570px}.component-hero-new.makeover a.cta{margin-top:30px}}@media screen and (min-width: 1660px){.component-hero-new.makeover .content-container h1{max-width:640px}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/component-hero-new.scss.css.map */