.hero-area{width:100%;height:100vh;height:100svh;height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:bottom center;background-repeat:no-repeat;background-blend-mode:overlay}.hero-area .wrapper{text-align:center;padding:12px;display:flex;flex-direction:column;align-items:center;margin-top:-10vw}.hero-area .wrapper img{width:100%;max-width:150px}.hero-area .wrapper h1{font-size:45px;margin:0;color:var(--h1Color)}.hero-area .wrapper div{font-size:20px;max-width:550px;color:var(--pColor);margin-top:-10px}.hero-area .wrapper a{text-decoration:none;background:var(--aColor);border:2px solid var(--aColor);color:var(--aTextColor);padding:12px 20px;font-size:18px;font-weight:500;letter-spacing:1px;word-spacing:2px;transition:.3s ease}.hero-area .wrapper a:hover{background:transparent;color:var(--aColor)}@media only screen and (max-width: 768px){.hero-area{align-items:flex-start;height:calc(100vh - 50px)}.hero-area .wrapper h1{font-size:35px}.hero-area .wrapper{margin-top:40px}.hero-area .wrapper img{max-width:100px}}@media only screen and (max-width: 600px){.hero-area{background-size:contain}}@media only screen and (max-width: 420px){.hero-area .wrapper h1{font-size:30px}.hero-area .wrapper div{font-size:18px}}@media only screen and (max-width: 350px){.hero-area .wrapper h1{font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hero-area.css.map */