.youtube-container{position:relative;z-index:0;overflow:hidden;width:100%;height:0;margin:0 auto;padding-bottom:56.25%;cursor:pointer}.youtube-container::before{content:'';position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;background-color:rgba(0,0,0,0.3)}.youtube-container__wrap{position:absolute;z-index:4;top:50%;right:0;left:0;max-width:50%;margin:0 auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;text-align:center}.youtube-container__play{display:inline-block;margin:0 auto;padding:20px;border:1px solid #fff;border-radius:50%;line-height:1;text-align:center}.youtube-container__play::before{content:'\25BA';position:relative;left:3px;color:#fff;font-size:30px}.youtube-container__title{margin:20px 0 0;-webkit-transition:letter-spacing .2s;-o-transition:letter-spacing .2s;transition:letter-spacing .2s;color:#fff;font-family:sans-serif;font-size:2.2rem;letter-spacing:.1rem;text-transform:uppercase}@media screen and (max-width: 767px){.youtube-container__title{font-size:1.5rem}}.youtube-container__img{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;-o-transition-property:transform, opacity;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;opacity:1;background-repeat:no-repeat;background-position:center center;background-size:cover}.youtube-container__embed{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;-webkit-transition:z-index .5s .5s;-o-transition:z-index .5s .5s;transition:z-index .5s .5s}.youtube-container:hover::before{background-color:rgba(0,0,0,0.1)}.youtube-container:hover .youtube-container__title{letter-spacing:.2rem}.youtube-container:hover .youtube-container__img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.youtube-container--clicked .youtube-container__wrap,.youtube-container--clicked .youtube-container__img{opacity:0}.youtube-container--clicked .youtube-container__embed{z-index:4}