.g-12 {
    padding-right: 58.33%;
    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: -20%;
    width: 20%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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