/* Gallery spacing */
.gallery-item { margin-bottom: 30px; padding:0 8px; }
.page-title { margin: 60px 0 30px; }

/* image wrapper keeps a consistent height for all thumbnails,
    centers images and provides a black background for portrait images */
.img-wrap {
    height: 260px; /* default thumbnail height */
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
}

/* make images scale to fit height while preserving aspect ratio */
.img-wrap img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

/* make videos behave like images inside the thumbnail wrapper */
.img-wrap video {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

/* Larger thumbnails on larger screens */
@media (min-width: 768px) {
    .img-wrap { height: 300px; }
}
@media (min-width: 1200px) {
    .img-wrap { height: 340px; }
}