.row {
    clear: both;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    margin-bottom: 1%;
}

.column,
.columns {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}
.column:first-child,
.columns:first-child { margin: 1% 0 1% 0; }

.group:before,
.group:after { 
    content: ""; 
    display: table; 
}
.group:after { clear: both; }
.group { zoom: 1; }

.twelve { width: 100%; }
.eleven { width: 91.53%; }
.ten { width: 83.06%; }
.nine { width: 74.6%; }
.eight { width: 66.13%; }
.seven { width: 57.66%; }
.six { width: 49.2%; }
.five { width: 40.73%; }
.four { width: 32.26%; }
.three { width: 23.8%; }
.two { width: 15.33%; }
.one {  width: 6.866%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    
    .column,
    .columns { margin: 1% 0 1% 0%; }
    
    .twelve,
    .eleven,
    .ten,
    .nine,
    .eight,
    .seven,
    .six,
    .five,
    .four,
    .three,
    .two,
    .one {  
        width: 100%; 
    }

}