.row .row { margin:  0 -1.5em; }
.col      { padding: 0  1.5em; }
.row:after {content: "";clear: both;display: table;}
.centmid {text-align:center;}
@media only screen { .col {float: left;width: 100%;box-sizing: border-box;}}
@media only screen and (max-width: 544px) {
.row .row { margin:  0 -.5em; }
.col      { padding: 0  .5em; }}
@media only screen and (max-width: 395px) {
.container .centmid {padding: 0 0 0 5px; margin: 2px auto 0 -3px;}}

/*aside,header,footer,article,nav {border: 1px solid red;}*/