body {
    display: grid;
}

.pageBox {
    display: grid;
}

.imageGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: max(2vw, min(2vw, 20px));
    width: 90%;
}

.imageRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 2;
}

.imageBox {
    display: grid;
    text-decoration: none;
    color: black;
    width: max(max(30vh, 300px), min(30vw, 300px));
    height: max(max(30vh, 300px), min(30vw, 300px));
    margin-bottom: max(5vh, min(5vh, 50px));
    margin-left: max(5vh, min(5vh, 50px));
}

.sitePhoto {
    align-self: center;
    justify-self: left;
}

.siteLabel {
    font-family: Baloo2-Bold, ui-sans-serif;
    font-size: max(max(2.7vh, 27px), min(2.7vw, 27px));
    align-self: center;
    justify-self: left;
    cursor: pointer;
    align-content: center;
    white-space: nowrap;
    color: var(--forest-color);
    font-variant: all-small-caps;
    text-align: center;
}

.addressLabel {
    font-family: Fraunces, ui-sans-serif;
    font-size: max(max(1.7vh, 17px), min(1.7vw, 17px));
    cursor: pointer;
    display: grid;
    justify-self: left;
    white-space: nowrap;
}

@media (width < 700px) {
    .imageGrid {
        margin-left: 10%;
    }
}