.gallery {margin:2rem calc(50% - 585px);}
.gallery h1 {color:#f58220;font-weight:500;padding-bottom:1rem;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.photo-gallery {display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;}
.photo-gallery-item {box-shadow:1px 1px 10px #ddd;display:flex;flex-direction:column;}
.photo-gallery-item a:not(:first-child) {display:none;}
.photo-gallery-item img {width:100%;height:250px;object-fit:cover;}
.photo-gallery-item span {flex:1;padding:1rem;display:flex;justify-content:center;align-items:center;color:#333;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.video-gallery {display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;}
.video-gallery figure {position:relative;box-shadow:1px 1px 10px #ddd;}
.video-gallery figure > img {}
.video-gallery span {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;transition:.4s;}
.video-gallery span img {filter:invert(1);}
.video-gallery figure:hover > span {background:rgba(0,0,0,0);}
.video-gallery-cont {position:fixed;z-index:5000000;top:-100vh;left:0;right:0;bottom:100vh;transition:.4s;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;}
.video-gallery-closer {position:absolute;top:0;right:0;padding:1rem 2rem;background:#5d8fc7;border-left:1px solid #5d8fc7;border-bottom:1px solid #5d8fc7;color:#fff;transition:.4s;cursor:pointer;}
.video-gallery-closer span {font-size:2rem;}
.video-gallery-closer:hover {background:#fff;color:#5d8fc7;}
.video-gallery-cont iframe {max-width:70vw;width:100%;height:100%;max-height:70vh;}
.video-gallery-cont-opened {top:0;bottom:0;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
@media only screen and (max-width:768px){
    .gallery {margin:1rem;}
    .photo-gallery {grid-template-columns:1fr;}
    .video-gallery {grid-template-columns:1fr;}
    .video-gallery-cont iframe {max-width:90vw;max-height:50vh;}
}