/*
$box-shadow: none;
$box-border-radius: 0;
$box-padding: 0;
$box-border: 1px solid ;
*/
.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; }