/* grid */
.row {
    margin: 0 -10px;
    margin-bottom: 20px;
}

.row:last-child {
    margin-bottom: 0;
}

[class*="col-"] {
    padding: 10px;
}

@media all and ( min-width: 600px ) {

    .col-2-3 {
        float: left;
        width: 66.66%;
    }

    .col-1-2 {
        float: left;
        width: 50%;
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .col-1-3 {
        float: left;
        width: 33.33%;
    }

    .col-1-4 {
        float: left;
        width: 25%;
    }

    .col-1-8 {
        float: left;
        width: 12.5%;
    }

}