/* Grid Global
----------------------------------------------------------------------------------------------------*/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid Functions
----------------------------------------------------------------------------------------------------*/
.container_12 {margin-right: auto; margin-left: auto; width: 90%;}
.col1  {width: 63px;}
.col2  {width: 146px;}
.col3  {width: 265px;}
.col4  {width: 312px;}
.col5  {width: 395px;}
.col6  {width: 478px;}
.col7  {width: 561px;}
.col8  {width: 644px;}
.col9  {width: 727px;}
.col10 {width: 810px;}
.col11 {width: 90%px;}
.col12 {width: 90%px;}



@media screen and (max-width: 1023px) and (min-width: 768px) {
	.container_12 {width: 768px;}
	.col1 {width: 44px;}
	.col2 {width: 108px;}
	.col3 {width: 172px;}
	.col4 {width: 236px;}
	.col5 {width: 300px;}
	.col6 {width: 364px;}
	.col7 {width: 428px;}
	.col8 {width: 492px;}
	.col9 {width: 556px;}
	.col10 {width: 620px;}
	.col11 {width: 684px;}
	.col12 {width: 90%;}
}

@media screen and (max-width: 767px) and (min-width: 0) {
	.container_12 {width: 90%;}
	.col1  {width: 100%; margin-left:0; margin-right: 0; }
	.col2  {width: 100%; margin-left:0; margin-right: 0; }
	.col3  {width: 100%; margin-left:0; margin-right: 0; }
	.col4  {width: 100%; margin-left:0; margin-right: 0; }
	.col5  {width: 100%; margin-left:0; margin-right: 0; }
	.col6  {width: 100%; margin-left:0; margin-right: 0; }
	.col7  {width: 100%; margin-left:0; margin-right: 0; }
	.col8  {width: 100%; margin-left:0; margin-right: 0; }
	.col9  {width: 100%; margin-left:0; margin-right: 0; }
	.col10 {width: 100%; margin-left:0; margin-right: 0; }
	.col11 {width: 100%; margin-left:0; margin-right: 0; }
	.col12 {width: 100%; margin-left:0; margin-right: 0; }
}