.component-hero{overflow:hidden;position:relative}.component-hero .hero-layout{bottom:0;height:100%;left:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:2}.component-hero .hero-content{display:flex;flex-direction:column;height:100%;padding:0 15px;width:100%}.component-hero .hero-layout .hero-title{margin-bottom:27px;text-align:center}.component-hero .hero-layout .hero-text{max-width:47ch;margin:0 auto;text-align:center}.component-hero .hero-content{padding:54px 27px 0}.template-index .component-hero .hero-layout .hero-title{font-size:45px;line-height:1.2}.template-index .component-hero .hero-layout .h1.hero-title{font-size:90px}.template-index .component-hero .hero-layout .h2.hero-title{font-size:50px}.template-index .component-hero .hero-layout .h3.hero-title{font-size:25px}.template-index .component-hero .hero-layout .hero-button{font-family:komika_axisregular;font-style:normal;font-weight:400;font-size:18px;line-height:24px}@media only screen and (max-width: 767px){.component-hero .hero-content{padding:20px 27px 0}.mob-hero{display:block!important}.desk-hero{display:none!important}.template-index .component-hero .hero-layout .h1.hero-title{font-size:35px}.template-index .component-hero .hero-layout .h2.hero-title{font-size:28px}.template-index .component-hero .hero-layout .h3.hero-title{font-size:20px}.hero-layout.mob-hero .h5.hero-text{font-weight:700;font-size:22px;line-height:28px}.hero-layout.mob-hero .h6.hero-text{font-size:18px;line-height:25px}}@media only screen and (min-width: 768px){.component-hero .hero-layout{min-height:500px}.component-hero .hero-layout.centered-layout{padding:135px 0 0}.component-hero .hero-content{margin:0 auto;max-width:650px}.template-index .component-hero .hero-layout .hero-button{font-size:20px;line-height:30px}.template-index .component-hero .hero-layout .h1.hero-title,.template-index .component-hero .hero-layout .h2.hero-title,.template-index .component-hero .hero-layout .h3.hero-title{font-size:45px}}@media only screen and (min-width: 992px){.component-hero .hero-content{margin:0 auto;max-width:640px}.template-index .component-hero .hero-layout .h1.hero-title,.template-index .component-hero .hero-layout .h2.hero-title,.template-index .component-hero .hero-layout .h3.hero-title{font-size:45px}}@media only screen and (min-width: 1200px){.component-hero .hero-content{margin:0 auto;max-width:760px}.template-index .component-hero .hero-layout .h1.hero-title{font-size:90px!important}.template-index .component-hero .hero-layout .h2.hero-title{font-size:50px!important}.template-index .component-hero .hero-layout .h3.hero-title{font-size:25px!important}}@media only screen and (min-width: 1500px){body#awesomely-delicious-organic-snacks-made-in-nature .hero-content.justify-content-md-start{margin-top:50px!important}}@media only screen and (min-width: 1800px){body#awesomely-delicious-organic-snacks-made-in-nature .hero-content.justify-content-md-start{margin-top:100px!important}}@media only screen and (min-width: 2100px){body#awesomely-delicious-organic-snacks-made-in-nature .hero-content.justify-content-md-start{margin-top:150px!important}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/component-hero.css.map */