.masonry-grid {
    margin:auto;
    column-count:3;
}
.masonry-grid img, 
.masonry-grid .col-block {
    max-width: 100%;
    margin-bottom: 16px;
    border: 3px solid #e1e1e1;  
    box-sizing: border-box;  
    box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2);    
    transition: all 0.3s linear;
}
.masonry-grid img:hover, 
.masonry-grid .col-block:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
}
.col-block {
    padding: 2px 20px; 
}


@media (max-width:700px) {
    .masonry-grid {
        column-count:2;
    }
}
@media (max-width:500px) {
    .masonry-grid {
        column-count:1;
    }
}