.row {
    margin: 0 -1em;
}
.region-footer .row {
    margin: 0 -1.6em;
}
.col {
    padding: 0 1em;
}
.region-footer .col {
    padding: 0 1.6em;
}

@media screen and (min-width: 25em) {
    .cols-6 .col {
        float: left;
        width: 50%;
    }
    .cols-6 .col:nth-of-type(2n + 1) {
        clear: left;
    }
}
@media screen and (min-width: 30em) {
    .cols-5 .col {
        float: left;
        width: 50%;
    }
    .cols-5 .col:first-child {
        width: 100%;
    }
    .cols-5 .col:nth-of-type(5n + 4) {
        clear: left;
    }
}
@media screen and (min-width: 35em) {
    .cols-4 .col {
        float: left;
        width: 50%;
    }
    .cols-4 .col:nth-of-type(2n + 1) {
        clear: left;
    }
    .cols-6 .col {
        width: 33.33334%;
    }
    .cols-6 .col:nth-of-type(2n + 1) {
        clear: none;
    }
    .cols-6 .col:nth-of-type(3n + 1) {
        clear: left;
    }
}
@media screen and (min-width: 40em) {
    .cols-3 .col {
        float: left;
        width: 50%;
    }
    .cols-3 .col:first-child {
        width: 100%;
    }
    .cols-5.row .col {
        width: 33.33334%;
    }
    .cols-5 .col:nth-of-type(5n + 1),
    .cols-5 .col:nth-of-type(5n + 2) {
        width: 50%;
    }
    .cols-5 .col:nth-of-type(5n + 3) {
        clear: left;
    }
    .cols-5 .col:nth-of-type(5n + 4) {
        clear: none;
    }
}
@media screen and (min-width: 45em) {
    .row .col {
        float: left;
    }
    .cols-1.row .col {
        float: none;
        width: 100%;
    }
    .cols-2 .col {
        width: 50%;
    }
    .cols-3.row .col {
        width: 33.33334%;
    }
    .cols-4 .col {
        width: 25%;
    }
    .cols-4 .col:nth-of-type(2n + 1) {
        clear: none;
    }
    .cols-5.row .col {
        width: 20%;
    }
    .cols-6 .col {
        width: 16.66667%;
    }
    .cols-5 .col:nth-of-type(5n + 3),
    .cols-6 .col:nth-of-type(3n + 1) {
        clear: none;
    }
}
@media screen and (min-width: 45em) {
    .row .size-1of1.col {
        width: 100%;
    }
    .row .size-1of2.col {
        width: 50%;
    }
    .row .size-1of3.col {
        width: 33.33334%;
    }
    .row .size-2of3.col {
        width: 66.66667%;
    }
    .row .size-1of4.col {
        width: 25%;
    }
    .row .size-3of4.col {
        width: 75%;
    }
    .row .size-1of5.col {
        width: 20%;
    }
    .row .size-2of5.col {
        width: 40%;
    }
    .row .size-3of5.col {
        width: 60%;
    }
    .row .size-4of5.col {
        width: 80%;
    }
    .row .size-1of6.col {
        width: 16.66667%;
    }
    .row .size-5of6.col {
        width: 83.33334%;
    }
}
@media screen and (min-width: 20em) {
    aside.col {
        padding: 0;
    }
    aside.col .panel-pane {
        float: left;
        padding: 0 1em;
        width: 50%;
    }
    aside.col .panel-pane:nth-of-type(2n + 1) {
        clear: left;
    }
}
@media screen and (min-width: 45em) {
    aside.col {
        padding: 0 1em;
    }
    aside.col .panel-pane {
        float: none;
        padding: 0;
        width: 100%;
    }
}