.heroBanner{position:relative;max-width:var(--big-page-width);margin:0 auto;background-color:#1e322d;height:400px;display:flex;align-items:center;justify-content:center}@media all and (min-width:641px)and (max-width:1800px){.heroBanner{margin:0 20px}}@media all and (max-width:1366px){.heroBanner{height:350px}}@media all and (max-width:800px){.heroBanner{height:250px}}.heroBanner h1.title{max-width:740px;margin:0 auto;color:#fff;text-align:center;position:relative;z-index:10}.heroBanner .tagline{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:10}@media all and (max-width:800px){.heroBanner .tagline{display:none}}.heroBanner .tagline span{color:#fff;font-size:17px;line-height:26px;letter-spacing:10.2px;text-transform:uppercase;pointer-events:none;transform:rotate(-90deg) translate(-50%,80px);transform-origin:top left;display:block}.heroBanner .tagline._right{left:auto;right:0}.heroBanner .tagline._right span{transform:rotate(90deg) translate(50%,80px);transform-origin:top right}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-banner.scss.css.map */