/* RESPONSIVE.CSS */

.main-content > img {
    max-width: 100%;
}

@media screen and (max-width: 840px) {

    .four-col .col {
        width: 47.5%;
        margin: 0 2% 2em 2%;
    }
    .four-col .col:nth-child(2n+1) {
        margin-left: 0;
    }
    .four-col .col:nth-child(2n+0) {
        margin-right: 0;
    }

    .three-col .col {
        width: 30%;
        margin: 0 2%;
    }
    .three-col .col:nth-child(3n+1) {
        margin-left: 0;
    }
    .three-col .col:nth-child(3n+0) {
        margin-right: 0;
    }

    .two-col .col {
        width: 47.5%;
        margin: 0 2%;
    }
    .two-col .col:nth-child(2n+1) {
        margin-left: 0;
    }
    .two-col .col:nth-child(2n+0) {
        margin-right: 0;
    }
    
}