.col {

float: left;
box-sizing: border-box;

}

.col-right {

float: right;
box-sizing: border-box;

}

.col-1 {

width: calc(1/12 * 100%);

}

.col-2 {

width: calc(2/12 * 100%);

}

.col-3 {

width: calc(3/12 * 100%);

}

.col-4 {

width: calc(4/12 * 100%);

}

.col-5 {

width: calc(5/12 * 100%);

}

.col-6 {

width: calc(6/12 * 100%);

}

.col-7 {

width: calc(7/12 * 100%);

}

.col-8 {

width: calc(8/12 * 100%);

}

.col-9 {

width: calc(9/12 * 100%);

}

.col-10 {

width: calc(10/12 * 100%);

}

.col-11 {

width: calc(11/12 * 100%);

}

.col-12 {

width: 100%;

}