.hero-hydration{position:relative;text-align:center;overflow:hidden}.hero-hydration .hero-content{width:40%;position:absolute;left:32px;top:0;bottom:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 950px){.hero-hydration .hero-content{max-width:100%;padding:0 16px}}@media (max-width: 700px){.hero-hydration .hero-content{text-align:center;width:100%;left:unset;padding:0 11px;top:unset;bottom:26px}.hero-hydration .hero-content .hero-content-body{align-items:center}}.hero-hydration .hero-content-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.hero-hydration h1{color:#fff;text-align:left;font-size:100px;font-style:normal;font-weight:400;line-height:90px;margin:0 0 16px}.hero-hydration .btn-1{text-transform:uppercase;padding:12px 46px;border-radius:12px;font-family:Bebas Kai;letter-spacing:normal;font-size:20px;font-weight:100}@media (max-width: 1400px){.hero-hydration h1{font-size:62px;line-height:62px}}@media (max-width: 1150px){.hero-hydration h1{font-size:52px;font-style:normal;font-weight:400;line-height:52px;max-width:500px;margin:0 0 20px}}@media (max-width: 850px){.hero-hydration h1{font-size:52px;font-style:normal;font-weight:400;line-height:52px;max-width:500px;margin:0 0 20px}}@media (max-width: 750px){.hero-hydration h1{max-width:400px;margin:0 0 12px}}@media (max-width: 700px){.hero-hydration h1{width:100%;margin:0 auto 12px;text-align:center}}.hero-hydration .hero-sub{color:#fff;text-align:left;font-size:20px;font-style:normal;font-weight:400;line-height:30px;max-width:600px;margin:0 0 32px}@media (max-width: 850px){.hero-hydration .hero-sub{font-size:16px;font-style:normal;font-weight:400;line-height:22px;max-width:500px;margin:0 0 20px}}@media (max-width: 700px){.hero-hydration .hero-sub{text-align:center}.hero-hydration h1{margin:0 auto 8px;font-size:52px}.hero-hydration .hero-sub{margin:0 0 8px;font-size:14px}}.hero-hydration .hero-image{width:100%;height:auto;display:flex;align-items:center;max-width:100%;margin:0 auto;max-height:850px;object-fit:cover}.hero-hydration .hero-image.mobile{display:none}@media (max-width: 700px){.hero-hydration .hero-image.desktop{display:none}.hero-hydration .hero-image.mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-new.css.map */
