.col{
    display:inline-block;
    vertical-align: top;
}

.cols-3 .col, .cols-2 .col{
    width:100%;
}

.col-borders .col{
    border-right: 1px solid #D4D4D4;
}

.col-borders .col:last-child {
    border-right: none;
}

@media only screen and (min-width: 860px) {
    .col{
        margin-left:1.5%;
        margin-right:1.5%;
        }
    .cols-3 .col{
        width: 31%;
    }

    .cols-2 .col{
        width: 48%;
    }
}

 .no-outer-gutter .col:first-child{
     margin-left: 0px;
 }

 .no-outer-gutter .col:last-child{
     margin-right: 0px;
 }