.video-grid.front-page{max-width:1280px;margin:0 auto;padding:1em 2em}ul.video-list{display:flexbox;display:flex;justify-content:center;flex-wrap:wrap}li.video{flex-grow:1;position:relative;ooverflow:hidden;width:33.333333333%;width:-webkit-calc(100% / 3);width:calc(100% / 3);border:solid .2em transparent}li.video a{outline:0}li.video:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:background-color .15s}li.video figure{display:block;position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0}li.video figure img{display:block;max-width:100%;height:auto;opacity:0;transform:scale(0.5);transition:all .20s}li.video figure figcaption{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.6);color:#fff;font-size:13px;font-weight:600;padding:10px;transform:translateY(0);opacity:1;transition:all .20s;height:100%}li.video:hover figure img{opacity:1;transform:scale(1)}li.video:hover figure figcaption{opacity:0;transform:translateY(50%)}li.video:hover:before{background-color:rgba(0,0,0,0.3)}@media screen and (max-width:800px){li.video{width:50%;width:-webkit-calc(100% / 2);width:calc(100% / 2)}}@media screen and (max-width:640px){li.video{width:100%}}ul li{list-style:none !important}.tour-bg{align-self:center;justify-content:center;display:flex}.tour-bg:hover{background:rgba(0,0,0,0.4) !important}.tour-bg p{position:absolute;align-self:center;font-size:44px;justify-content:center;margin:0;transition:ease all 3s !important}.tour-bg:hover p{position:absolute;align-self:center;font-size:44px;justify-content:center;margin:0;color:#fff;padding:10px;text-decoration:underline;transition:ease all 3s !important}.tour-bg img{width:100%;visibility:hidden}.tour-bg:hover img{visibility:visible;opacity:.4}li.video a{outline:0;color:#fff;text-shadow:1px 1px 10px #000}figcaption{position:absolute;padding:0;display:flex;align-self:center;align-items:center;justify-content:center}