/*------------------------------*\
    Grid System
\*------------------------------*/

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    float: left;
    display: block;
}

.clear {
    clear: both;
}

.col-1 {
    width: 8.3333333334%;
}

.col-2 {
    width: 16.6666666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.3333333334%;
}

.col-5 {
    width: 41.6666666669%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.3333333334%;
}

.col-8 {
    width: 66.6666666668%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.3333333334%;
}

.col-11 {
    width: 91.6666666668%;
}

.col-12 {
    width: 100%;
}

/* Height */

.h5 {
    height: 5%;
}

.h10 {
    height: 10%;
}

.h15 {
    height: 15%;
}

.h20 {
    height: 20%;
}

.h25 {
    height: 25%;
}

.h30 {
    height: 30%;
}

.h35 {
    height: 35%;
}

.h40 {
    height: 40%;
}

.h45 {
    height: 45%;
}

.h50 {
    height: 50%;
}

.h55 {
    height: 55%;
}

.h60 {
    height: 60%;
}

.h65 {
    height: 65%;
}

.h70 {
    height: 70%;
}

.h75 {
    height: 75%;
}

.h80 {
    height: 80%;
}

.h85 {
    height: 85%;
}

.h90 {
    height: 90%;
}

.h95 {
    height: 95%;
}

.h100 {
    height: 100%;
}