/* Dead Simple Grid (c) 2015 Vladimir Agafonkin */

.row .row { margin:  0 -1.5em; }
.col      { padding: 0  1.5em; }

.row:after {
    content: "";
    clear: both;
    display: table;
}

@media only screen { .col {
    float: left;
    width: 100%;
    box-sizing: border-box;
}}


.col-4 {
    width: 33.33%;
    float: left;

}

.col-6 {
    width: 50%;
    float: left;

}

.col-3 {
    width: 25%;
    float: left;

}

.col-9 {
    width: 75%;
    float: left;

}
@media only screen and (max-width: 30em) {
    .col-4 , .col-6 , .col-3, .col-9 {
        width: 100%;
    }
}