.row {
    margin: 0 auto 10px auto;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.col {
    float: left;
    padding: 0 0.4rem;
}

.c1 {
    width: 8.33333%;
    margin-left: 0;
}

.c2 {
    width: 16.66667%;
    margin-left: 0;
}

.c3 {
    width: 25%;
    margin-left: 0;
}

.c4 {
    width: 33.33333%;
    margin-left: 0;
}

.c5 {
    width: 41.66667%;
    margin-left: 0;
}
.c6 {
    width: 50%;
    margin-left: 0;
}
.c7 {
    width: 58.33333%;
    margin-left: 0;
}
.c8 {
    width: 66.66667%;
    margin-left: 0;
}

.c9 {
    width: 75%;
    margin-left: 0;
}

.c10 {
    width: 83.33333%;
    margin-left: 0;
}

.c11 {
    width: 91.66667%;
    margin-left: 0;
}

.c12 {
    width: 100%;
    margin-left: 0;
}

.margem-c1 {
    margin-left: 8.33333%;
}

.margem-c2 {
    margin-left: 16.66667%;
}

.margem-c3 {
    margin-left: 25%;
}

.margem-c4 {
    margin-left: 33.33333%;
}

.margem-c5 {
    margin-left: 41.66667;
}

.margem-c6 {
    margin-left: 50%;
}

.margem-c7 {
    margin-left: 58.33333%;
}

.margem-c8 {
    margin-left: 66.66667%;
}

.margem-c9 {
    margin-left: 75%;
}

.margem-c10 {
    margin-left: 83.33333%;
}

.margem-c11 {
    margin-left: 91.66667%;
}

.margem-c12 {
    margin-left: 100%;
}