/* Gallery */
/* A simple (and flawed) masonry layout for the items with in it. There's better ways to do this, but this was easy and pure css. */
.gallery {
    column-count: 3;
    column-gap: 8px;
}

.gallery-item {
    width: 100%;
    height: min-content;

    padding: 0 0;
    margin-top: 8px;
}

.gallery-item img {
    width: 100%;
    height: auto;
}

.gallery-item:first-child {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* MOBILE LAYOUT : 528px WIDE */
@media only screen and (max-width: 1050px) and (min-width: 864px), (max-width: 650px) {
    .gallery {
        column-count: 2;
    }
}