.main {
    position: relative; /* for page-nav */
}

/* container
------------------------- */

.container--wide {
    max-width: 1370px;
}

/* image-grid
------------------------- */

.image-grid {
    max-width: 1200px;
}

.image-grid__item,
.image-grid__col-sizer {
    width: 23%;
}

.image-grid__gutter-sizer { width: 2%; }

/* hide by default */
.image-grid.are-images-unloaded .image-grid__item {
    opacity: 0;
}

.image-grid__item {
    margin-bottom: 20px;
    float: left;
    min-width: 120px;
}

.image-grid__image {
    display: block;
    max-width: 100%;
}

/* hide by default */
.image-grid.are-images-unloaded .image-grid__item {
    opacity: 0;
}

.masonry-small .image-grid__item {
    margin-bottom: 10px;
}