.s-grid { display: block; margin-left: -15px; margin-right: -15px; }
.s-grid:after { content: ""; display: table; clear: both; }
.s-grid > div, .s-grid > article { float: left; margin: 0 15px 30px; }
.s-grid.-d2 > div, .s-grid.-d2 > article { width: calc(50% - 30px); }
.s-grid.-d2 > div:nth-of-type(2n + 1), .s-grid.-d2 > article:nth-of-type(2n + 1) { clear: left; }
.s-grid.-d3 > div, .s-grid.-d3 > article { width: calc(33.3333% - 30px); }
.s-grid.-d3 > div:nth-of-type(3n + 1), .s-grid.-d3 > article:nth-of-type(3n + 1) { clear: left; }
.s-grid.-d4 > div, .s-grid.-d4 > article { width: calc(25% - 30px); }
.s-grid.-d4 > div:nth-of-type(4n + 1), .s-grid.-d4 > article:nth-of-type(4n + 1) { clear: left; }
.s-grid.-d5 > div, .s-grid.-d5 > article { width: calc(20% - 30px); }
.s-grid.-d5 > div:nth-of-type(5n + 1), .s-grid.-d5 > article:nth-of-type(5n + 1) { clear: left; }
.s-grid.-d6 > div, .s-grid.-d6 > article { width: calc(33.3333% - 30px); }
.s-grid.-d6 > div:nth-of-type(6n + 1), .s-grid.-d6 > article:nth-of-type(6n + 1) { clear: left; }