/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/styles/components/hero-banner.scss ***!
  \*******************************************************************************************************************************************************************************************************/.hero-banner{position:relative}.hero-banner__picture img{width:100%}.hero-banner__content{position:absolute;text-align:center;top:50%;width:100%;padding-left:20px;padding-right:20px;left:50%;transform:translate(-50%,-50%)}.hero-banner__icon{margin-bottom:38px}.hero-banner__icon img{height:auto;max-width:274px}.hero-banner__title{color:#2e8c24;font-size:4.2rem}.hero-banner__description *{color:#0e5640;font-size:2.4rem;line-height:120%;font-family:Lato}@media(min-width:64em){.hero-banner__icon{margin-bottom:58px}.hero-banner__title{font-size:6.2rem}.hero-banner__description *{font-size:3rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-hero-banner.css.map */