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

.masorny {
    background: #FFF;
}

/* clear fix */
.masorny:after {
    content: "";
    display: block;
    clear: both;
}

/* ---- .grid-item ---- */

.masorny .gutter-sizer {
    width: 10px;
}

.masorny .grid-sizer,
.masorny .grid-item {
    width: calc((100% - (2 * 10px)) / 3);
}

.masorny .grid-item {
    margin-bottom: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.masorny .grid-item .masorny-img {
    display: block;
    width: 100%;
}