.masonryjs * { box-sizing: border-box; }
/* ---- grid ---- */

.masonryjs .grid {
    margin: auto;
    max-width: 1200px;
}

/* clearfix */
.masonryjs .grid:after {
    content: '';
    display: block;
    clear: both;
}

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

.masonryjs .grid-item {
    width: 300px;
    height: auto;
    min-height: 270px;
    float: left;
    /*background-color: #ddd;*/
}


/* position stamp elements with CSS */
.stamp {
    position: absolute;
}
.stamp1 {
    left: 0;
    top: 0;
    width: 415px;
    height: 200px;
}
.stamp2 {
    left: 0;
    top: 200px;
    width: 100px;
    height: 625px;
}


.masonryjs .grid-item--width1 { width: 280px; }
.masonryjs .grid-item--width2 { width: 500px; }
.masonryjs .grid-item--width3 { width: 620px; }
.masonryjs .grid-item--width4 { width: 880px; }
.masonryjs .grid-item--width5 { width: 1040px; }

.masonryjs .grid-item--height1 { height: 200px; }
.masonryjs .grid-item--height2 { height: 400px; }
.masonryjs .grid-item--height3 { height: 425px; }
.masonryjs .grid-item--height4 { height: 540px; }
.masonryjs .grid-item--height5 { height: 600px; }


@media only screen and (max-width: 768px) {
    .masonryjs .grid-item--width1 { width: 100%; max-width: 300px; }
    .masonryjs .grid-item--width2 { width: 100%; max-width: 300px; }
    .masonryjs .grid-item--width3 { width: 100%; max-width: 300px; }
    .masonryjs .grid-item--width4 { width: 100%; max-width: 300px; }
    .masonryjs .grid-item--width5 { width: 100%; max-width: 300px; }

}