.grid-sys {
    position: relative;
    width: 100%;
}

.grid-sys::after {
    content: "";
    display: table;
    clear: both;
}

.grid-sys [class^="col-"],
.grid-sys [class*="col-"] {
    float: left;
}

.grid-sys [class^="col-"] + [class^="col-"],
.grid-sys [class*="col-"] + [class*="col-"] {
    margin-left: 3%;
}

.col-1-2 { width: calc((100% - 3%) / 2) }
.col-1-3 { width: calc((100% - 6%) / 3) }
.col-1-4 { width: calc((100% - 9%) / 4) }
.col-1-5 { width: calc((100% - 12%) / 5) }