.lightbox { overflow: hidden; position: fixed; display: none; z-index: 1000; bottom: 0; right: 0; left: 0; top: 0; background-color: rgba(27,27,27,.5); }
.lightbox-container { position: relative; max-width: 960px; margin: 7% auto; display: block; padding: 0 3%; height: auto; z-index: 10; }
 @media screen and (max-width: 768px) {
.lightbox-container { margin-top: 10%; }
}
 @media screen and (max-width: 414px) {
.lightbox-container { margin-top: 13%; }
}
.lightbox-content { box-shadow: 0 1px 6px fade(black, 70%); }
.lightbox-close { text-transform: uppercase; background: transparent; position: absolute; font-weight: 300; font-size: 20px; display: block; border: none; color: white; top: 0; right: -10px; cursor: pointer; text-align: center; margin-top: 5px;}
.lightbox-close span { display: block; font-size: 12px; margin-top: 5px; }
.video-container { padding-bottom: 56.25%; position: relative; padding-top: 30px; overflow: hidden; height: 0; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; height: 100%; width: 100%; left: 0; top: 0; }
#playme { border: none; display: inline-block; margin: 0; cursor: pointer; }