/* GALLERY.CSS */
* {
box-sizing: border-box;
}

#gallery img, #gallery video {width: 100%;}

.row {
display: -ms-flexbox; /* IE 10 */
display: flex;
-ms-flex-wrap: wrap; /* IE 10 */
flex-wrap: wrap;
padding: 0 3px;
}

.column {
-ms-flex: 25%; /* IE 10 */
flex: 25%;
padding: 0 3px;
}

.column img, .column video {
margin-top: 8px;
vertical-align: middle;
}

@media only screen and (max-width: 600px) {
.column {
  -ms-flex: 100%; /* IE 10 */
  flex: 100%;
}
}