.col {
    position: relative;
    float: left;
    margin-left: 0;
    padding: 0 0 0 1%;
    -webkit-background-clip: padding-box !important;
    -moz-background-clip: padding-box !important;
    background-clip: padding-box !important;
    border: 0;
}

@media screen and (min-width:0) {
    .span1 {
        width: 8.33333333333%;
    }

    .span2 {
        width: 16.6666666667%;
    }

    .span3 {
        width: 25%;
    }

    .span4 {
        width: 33.3333333333%;
    }

    .span5 {
        width: 41.6666666667%;
    }

    .span6 {
        width: 50%;
    }

    .span7 {
        width: 58.3333333333%;
    }

    .span8 {
        width: 66.6666666667%;
    }

    .span9 {
        width: 75%;
    }

    .span10 {
        width: 83.3333333333%;
    }

    .span11 {
        width: 91.6666666667%;
    }

    .span12 {
        width: 100%;
        padding-left: 0;
    }
}

@media screen and (max-width:491px) {
    .span1.secLvl, .span2.secLvl, .span3.secLvl, .span4.secLvl {
        width: 50%;
    }

    .span4.thirdLvl, .span5.secLvl {
        width: 55%;
    }

    .span6.thirdLvl {
        width: 75%;
    }

    .span1.firstLvl, .span2.firstLvl, .span3.firstLvl, .span4.firstLvl, .span5.firstLvl, .span6.firstLvl, .span7, .span8, .span9, .span10, .span11 {
        width: 100%;
        padding-left: 0;
    }

    .first {
        padding-left: 0;
    }
}

@media screen and (max-width:372px) {
    .span4.fourthLvl, .span5.secLvl, .span6.fourthLvl {
        width: 100%;
        padding-left: 0;
    }
}

.col:first-child, .alpha {
    padding-left: 0;
}

.push2 {
    margin-right: 2%;
}