.parallax-section{text-align:center;position:relative}.parallax-section h4{font-size:30px;line-height:46px;color:#333434;font-weight:400;padding:50px 0;margin:0}@media only screen and (max-width:767px){.parallax-section h4{font-size:18px;line-height:32px}}.parallax-section .parallax-screen{height:100vh;display:flex;align-items:center;justify-content:center}.parallax-section .parallax-screen.active .headline{opacity:1}.parallax-section .parallax-screen .page-width{max-width:975px;margin:50px auto auto}.parallax-section .parallax-screen .headline{font-size:36px;line-height:52px;margin:0;color:#494747;transition:opacity .4s}@media only screen and (max-width:767px){.parallax-section .parallax-screen .headline{font-size:22px;line-height:36px}}.parallax-section .content-layer{position:relative;z-index:2;padding:0 15px}.parallax-section .background-layer{position:absolute;width:100%;height:100%;top:0;z-index:1}.parallax-section .background-screens{position:sticky;top:0;left:0}.parallax-section .background-screens video{background-position:center;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;-webkit-filter:blur(0);filter:blur(0);height:100%;transition:-webkit-filter .35s ease-in-out;transition:filter .35s ease-in-out;transition:filter .35s ease-in-out,-webkit-filter .35s ease-in-out;width:100%;top:0;bottom:0;left:0;right:0;opacity:0;transition:opacity .2s;transition-delay:.3s}.parallax-section .background-screens video.active{opacity:1;transition-delay:.3s}.parallax-section .background-screens video.mobile{display:none}@media only screen and (max-width:767px){.parallax-section .background-screens video.mobile{display:block}}.parallax-section .background-screens .background-screen{height:100vh;width:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity .6s}.parallax-section .background-screens .background-screen.active{opacity:1}@media only screen and (max-width:767px){.parallax-section .background-screens .background-screen.desktop{display:none}}.parallax-section .background-screens .background-screen.mobile{display:none}@media only screen and (max-width:767px){.parallax-section .background-screens .background-screen.mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/parallax-section.scss.css.map */