.g-12 {
    padding-right: 57.99%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.g-12:before, .g-12:after, .g-row:before, .g-row:after {
    clear: both;
    content: '';
    display: block;
}

.g-first {
    clear: left;
}

.g-span-1, .g-span-2, .g-span-3, .g-span-4, .g-span-5, .g-span-6, .g-span-7, .g-span-8, .g-span-9, .g-span-10, .g-span-11, .g-span-12 {
    float: left;
    position: relative;
}

.g-span-1 {
    margin-right: -18%;
    width: 18%;
}

.g-col-1 {
    left: 0%;
}

.g-span-2 {
    margin-right: -38%;
    width: 38%;
}

.g-col-2 {
    left: 20%;
}

.g-span-3 {
    margin-right: -58%;
    width: 58%;
}

.g-col-3 {
    left: 40%;
}

.g-span-4 {
    margin-right: -78%;
    width: 78%;
}

.g-col-4 {
    left: 60%;
}

.g-span-5 {
    margin-right: -98%;
    width: 98%;
}

.g-col-5 {
    left: 80%;
}

.g-span-6 {
    margin-right: -118%;
    width: 118%;
}

.g-col-6 {
    left: 100%;
}

.g-span-7 {
    margin-right: -138%;
    width: 138%;
}

.g-col-7 {
    left: 120%;
}

.g-span-8 {
    margin-right: -158%;
    width: 158%;
}

.g-col-8 {
    left: 140%;
}

.g-span-9 {
    margin-right: -178%;
    width: 178%;
}

.g-col-9 {
    left: 160%;
}

.g-span-10 {
    margin-right: -198%;
    width: 198%;
}

.g-col-10 {
    left: 180%;
}

.g-span-11 {
    margin-right: -218%;
    width: 218%;
}

.g-col-11 {
    left: 200%;
}

.g-span-12 {
    margin-right: -238%;
    width: 238%;
}

.g-col-12 {
    left: 220%;
}