.grid-container{display:grid;grid-template-columns:auto auto auto}
.grid-item{padding:5%}
.pad{padding:5%}
.pad-top{padding-top:5%}
.image{width:100%}
video{height:100%;width:100%}
.btn-load{width:100%;display:none}
.grid-item{position:relative}
a:link{text-decoration:none}
.image{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden}
.middle{width:80%;height:80%;padding:5%;transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}
.grid-item:hover .middle{background:rgba(0,0,0,0.8);opacity:1}
@media screen and (max-width:599px){.cap{color:white;font-size:8px}
}
@media screen and (min-width:600px){.cap{color:white;font-size:15px}
}