/*	--------------------------------------------------
Container
-------------------------------------------------- */
div.container { position: relative; width:98%; max-width:1020px; min-width:320px; margin: 0 auto; padding: 0 1% ; text-align:left;}
/*	--------------------------------------------------
Grid
-------------------------------------------------- */

.row {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}
/*  COLUMN SETUP  */
/*
.column {
	display: block;
	float:left;
	margin: 0% 0% 0% 0%;
}
.column:first-child { margin-left: 0px; }
*/
.column {
    display: block;
    float:left; background-color:;
    margin: 0% 1% 20px 1%;
}


.column:first-child { margin: 0% 1% 0px 1%;}


/*  GRID OF TWELVE  */
.column-12 {
    width: 98%;
}

.column-11 {
    width: 91.5%;
}
.column-10 {
    width: 81.3%;
}

.column-9 {
    width: 73%;
}

.column-8 {
    width: 64.67%;
}

.column-7 {
    width: 57.5%;
}

.column-6 {
    width: 48%;
}

.column-5 {
    width: 40.5%;
}

.column-4 {
    width: 31.33%;
}

.column-3 {
    width: 23%;
}

.column-2 {
    width: 14.666%;
}

.column-1{
    width: 6.5%;
}



/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 880px) {
    .column {  display: block; 	float:none; margin: 0% 0% 0px 0%!important;  }

    .column-1, .column-2, .column-3, .column-4, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {
        width: 99.5%;
    }
}