.grid_1 { width: 8.33333%; } 
.grid_2 { width: 16.66666%; } 
.grid_2-4 { width: 20%; }
.grid_3 { width: 25%; } 
.grid_4 { width: 33.33333%; } 
.grid_5 { width: 41.66666%; }
.grid_6 { width: 50%; } 
.grid_7 { width: 58.33333%; } 
.grid_8 { width: 66.66666%; } 
.grid_9 { width: 75%; } 
.grid_10 { width: 83.33333%; } 
.grid_11 { width: 91.66666%; } 
.grid_12 { width: 100%; text-align: right; } 

.grid_17 {width: 500%}

.grid_1,
.grid_2,
.grid_2-4,

.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	margin: 0;
	/*padding:0 1%;*/
}

.grid_6{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	margin: 0;
	padding:0 12%;
}

.grid_3{
		-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	margin: 0;
	padding:0 1%;
}

.alpha{padding-left:0;}
.omega{padding-right:0;}

.container{
	box-sizing:border-box;
	width: 100%; /*width: 1000px;*/
	max-width: 1180px;
	margin: auto;
	padding: 0;
}

.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.clearfix:after{
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

* html .clearfix,
*:first-child+html .clearfix {
	zoom:1
}



/* Mobile */
@media screen and (max-width : 639px) {

.grid_1,
.grid_2,
.grid_2-4,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	padding:0;
	width:100%;
}

.alpha{padding:0;}
.omega{padding:0;}

}