/*
    Tutorial video page
    www.cateater.com
    Cateater, LLC
*/




/* Video Gallery
 ********************************************
 */

.videogallery {


padding: 1em 0 1em 0;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
font-size: 0.8em;
line-height: 1em;
opacity: 0.8;
letter-spacing: -0.01em;
max-width: 800px;
text-align: left;
width: fit-content;

}

.videogallery a {
    
    color:black;
    text-align: center;
}

.videogallery li {
display: inline-grid;
position: relative;
margin: 1em 1em 3em 1em;
width: 20%;
}

@media (max-width: 800px) {
    .videogallery li {
     width: 70%;
    }
    
    .videogallery {
     width: 80%;
    }
}

.videogallery img {
width: 100%;
position: relative;
margin-bottom: 1em;
border-radius: 0.5em;
}