.row{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.col-12{
    float: left;
    width: 100%;
}
.col-11{
    float: left;
    width: 91.66%;
}
.col-10{
    float: left;
    width: 83.33%;
}
.col-8{
    float: left;
    width: 66.66%;
}
.col-7{
    float: left;
    width: 58.33%;
}
.col-6{
    float: left;
    width: 50%;
}
.col-5{
    float: left;
    width: 41.66%;
}
.col-4{
    float: left;
    width: 33.33%;
}

.col-4-05{
    float: left;
    width: 37.49%;
}

.col-3{
    float: left;
    width: 25%;
}

.col-3-05{
    float: left;
    width: 29.16%;
}

.col-2{
    float: left;
    width: 16.66%;
}

.col-2-05{
    float: left;
    width: 20.82%;
}

.col-1{
    float: left;
    width: 8.33%;
}
.col-1-05{
    float: left;
    width: 4.16%;
}
.right{
    float: right;
}
.left{
    float: left;
}
.col-05{
    float: left;
    width: 4.16%;
}

.col-6-05{
    float: left;
    width: 54.16%;
}

@media screen and (max-width: 700px){
    [class*="col-"]{
        float: left;
        width: 100%;
    }
}