.video-container{display:flex;flex-wrap:wrap;width:100%;margin-bottom:40px;margin-top:20px}.video-box{max-width:320px;margin:10px;padding:10px;position:relative;box-shadow:0px 2px 15px #ffc107;transition:all 500ms ease;background:white}.video-box:hover{box-shadow:0 2px 35px #ffc107}@media(max-width:600px){.video-box{flex:initial;margin-bottom:20px}}.video-box i{position:absolute;bottom:5px;right:10px;font-size:62px;color:#c7c7c7;opacity:.6;transition:all 500ms ease}.video-box h3{margin-top:10px}.video-box:hover i{opacity:1}.video-title{position:absolute;bottom:5px;font-size:20px;font-weight:bold;color:white;left:10px}.video-box a{text-decoration:none;position:relative;display:inline-block}.video-box img{width:100%;height:auto}.video-modal{display:none}.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:100;display:none;top:0;left:0}.reveal-modal{visibility:hidden;top:100px;left:50%;margin-left:-300px;width:520px;background:#eee url(modal-gloss.png) no-repeat -200px -80px;position:absolute;z-index:101;padding:30px 40px 34px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4)}.reveal-modal.small{width:200px;margin-left:-140px}.reveal-modal.medium{width:400px;margin-left:-240px}.reveal-modal.large{width:600px;margin-left:-340px}.reveal-modal.xlarge{width:800px;margin-left:-440px}.reveal-modal .close-reveal-modal{font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer}