.col-12 {
    float: left;
    width: calc(100% - 15px);
}

.col-11-2 {
    float: left;
    width: calc(95.82% - 15px);
}

.col-11 {
    float: left;
    width: calc(91.66% - 15px);
}

.col-10-2 {
    float: left;
    width: calc(87.49% - 15px);
}

.col-10 {
    float: left;
    width: calc(83.33% - 15px);
}

.col-9-2 {
    float: left;
    width: calc(79.15% - 15px);
}

.col-9 {
    float: left;
    width: calc(74.99% - 15px);
}

.col-8-2 {
    float: left;
    width: calc(70.82% - 15px);
}

.col-8 {
    float: left;
    width: calc(66.66% - 15px);
}

.col-7-2 {
    float: left;
    width: calc(62.49% - 15px);
}

.col-7 {
    float: left;
    width: calc(58.33% - 15px);
}

.col-6-2 {
    float: left;
    width: calc(54.16% - 15px);
}

.col-6 {
    float: left;
    width: calc(50% - 15px);
}

.col-5-2 {
    float: left;
    width: calc(45.82% - 15px);
}

.col-5 {
    float: left;
    width: calc(41.66% - 15px);
}

.col-4-2 {
    float: left;
    width: calc(37.49% - 15px);
}

.col-4 {
    float: left;
    width: calc(33.33% - 15px);
}

.col-3-2 {
    float: left;
    width: calc(29.16% - 15px);
}

.col-3 {
    float: left;
    width: calc(25% - 15px);
}

.col-2-2 {
    float: left;
    width: calc(20.82% - 15px);
}

.col-2 {
    float: left;
    width: calc(16.66% - 15px);
}

.col-1-2 {
    float: left;
    width: calc(12.49% - 15px);
}

.col-1 {
    float: left;
    width: calc(8.33% - 15px);
}

.col-0-2 {
    float: left;
    width: calc(4.16% - 15px);
}

.right {
    float: right;
}

.left {
    float: left;
}

div[class^='col-'],
div[class*='col-'] {
    padding: 0 7.5px;
}

@media screen and (max-width: 700px) {
    div[class^='col-'],
    div[class*='col-'] {
        float: left;
        width: calc(100% - 15px);
    }
}