#grid {
    background: transparent;
}
/* clearfix */
#grid:before,
#grid:after {
    content: "";
    display: table;
}
#grid:after {
    clear: both;
}

#grid .item {
    float: left;
    margin-bottom: 30px;
    text-align: center;
}

@media screen and (max-width:600px){
    #grid .item {
        margin-bottom: 60px !important;
    }
}
#grid .item img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: bottom;
}
#grid .first-item {
    clear: both;
}
/* remove margin bottom on last row */
#grid .last-row, #grid .last-row ~ .item {
    margin-bottom: 0;
}