.hero-media__picture{position:relative;max-height:90vh}.hero-media__picture:before{content:"";display:block;padding-bottom:60%;width:100%}.hero-media__top-image{position:absolute;z-index:999;margin:0 auto;top:0;display:flex;width:100%;justify-content:center;padding-top:30px}.hero-media__picture-image-top{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:top;z-index:1;max-width:958px;padding-left:40px;padding-right:40px}.hero-media__picture-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:1}.hero-media__title{position:absolute;bottom:0;z-index:111;text-align:center;width:100%;font:700 10.8rem/1 HelveticaNeueLTStd,Arial,sans-serif;color:#fff;letter-spacing:-.01em;padding-left:40px;padding-right:40px;left:0;right:0}.hero-media .hidden-mobile{display:block}.hero-media .hidden-desktop{display:none}.hero-media__wrapper-scroll{padding:15px 15px 45px;position:relative}.hero-media__scroll-title{text-align:center;color:#000;font-family:AkzidenzGroteskPro-Regular,Arial,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:100%;letter-spacing:.24px}.hero-media__scroll-arrow{position:absolute;top:50%;left:calc(50% - 1px);width:0;height:18px;border:.5px solid #000;-webkit-animation:jumpInfinite 1.5s infinite;animation:jumpInfinite 1.5s infinite}@-webkit-keyframes jumpInfinite{0%{margin-top:0}50%{margin-top:10px}to{margin-top:0}}@keyframes jumpInfinite{0%{margin-top:0}50%{margin-top:10px}to{margin-top:0}}@media only screen and (min-width: 991px) and (max-width: 1800px){.hero-media__picture-image-top{max-width:720px;padding-left:30px;padding-right:30px}.hero-media__title{font-size:8.125rem}}@media screen and (max-width: 992px){.hero-media__picture:before{padding-bottom:150%}.hero-media__picture-image-top{width:100%}.hero-media__title{font-size:3.5rem;padding-left:5px;padding-right:5px}.hero-media .hidden-mobile{display:none}.hero-media .hidden-desktop{display:block}}@media screen and (max-width: 400px){.hero-media__picture-image-top{padding-left:20px;padding-right:20px}}
/*# sourceMappingURL=/cdn/shop/t/336/assets/gulp-hero-media.scss.css.map */