/*	--------------------------------------------------
Container
-------------------------------------------------- */
div.container{ position: relative; width:96%; max-width:1200px; min-width:335px; margin: 0 auto; padding: 0 2% ; text-align:left;} /*min-width:320px*/
/*	--------------------------------------------------
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;
	margin: 0% 0% 10px 2%; 
}
.column:first-child { margin: 0% 0% 0% 0%;}

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

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

.column-9 {
  	width: 74.5%;
}

.column-8 {
  	width: 66%;
}

.column-7 {
  	width: 57.5%;
}

.column-6 {
  	width: 49%;
}

.column-5 {
  	width: 40.5%;
}

.column-4 {
  	width: 32%;
}

.column-3 {
  	width: 23.5%;
}

.column-2 {
  	width: 15%;
}

.column-1{
  	width: 6.5%;
}


@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: 100%; 
	}
}