#post-hero{margin:50% 0 0;text-align:center}#post-hero p{margin:0 0 65px}#post-hero svg{margin:auto}#post-hero .outer-container{max-width:1140px}#post-hero #post-hero-cta{margin:70px auto}#post-hero #video-embed{position:relative;max-width:711px;margin:70px auto;cursor:pointer}#post-hero #video-embed:hover #video-overlay{background-color:rgba(30,29,38,0)}#post-hero #video-embed:hover #video-circle{fill:#fff}#post-hero #video-embed:hover #video-play{fill:#f36}#post-hero #video-embed:hover #video-play-btn{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#post-hero #video-play-wrapper{position:absolute;z-index:5;top:50%;left:50%;width:60px;height:60px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-filter:drop-shadow(0 0 20px rgba(0, 0, 0, .5));filter:drop-shadow(0 0 20px rgba(0, 0, 0, .5))}#post-hero #video-play-btn{width:100%;height:100%;transition:all 350ms ease}#post-hero #video-overlay{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;transition:all 350ms ease;background-color:rgba(30,29,38,.3)}#post-hero #video-screenshot{z-index:3}#post-hero-cta{display:block}#post-hero-cta button{box-shadow:0 24px 50px -20px rgba(0,0,0,.5)}@media screen and (min-width:768px){#post-hero{margin:25% 0 0}#post-hero #post-hero-cta,#post-hero #video-embed{margin:100px auto}#post-hero #video-play-wrapper{width:80px;height:80px}}@media screen and (min-width:1025px){#post-hero{margin:165px 0 75px}#post-hero p{margin:0 0 100px}#post-hero #video-play-wrapper{width:100px;height:100px}}