@charset "utf-8";
/* CSS Document */

/* ONE COLUMN */
#one_column{
	width:auto;
	max-width:1200px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	line-height: 1.3em;
}
#home_column{
	width:auto;
	max-width:1200px;
	margin-top: -170px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { 
margin-left: 0;
}

 
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}
/*  GRID OF THREE  */
.span3_of_3 { 
width: 100%; 

}
.span_2_of_3 { 
width: 66.13%;

}
.span_1_of_3 { 
width: 32.26%;
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

.col:nth-child(4n+1) {
    margin-left: 0;
}


/*  GRID OF SIX  */
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}




@media (max-width: 1200px){	
#one_column{
	margin-right: 0%;
	margin-left: 0%;
}
}

/* TABLET */
@media (max-width: 992px){	

/* ONE COLUMN */

#one_column{
	width:auto;
	max-width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0%;
	margin-left: 0%;
}

.column {
	clear: both;
	padding: 0px;
	line-height:1.3em;
}

}

/* MOBILE */
@media (max-width: 768px){

/* ONE COLUMN */	
#one_column{
	margin-right: 0%;
	margin-left: 0%;
}	
#home_column{
	width:auto;
	max-width:1200px;
	margin-top: -50px;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 3%;
}
.column {
	margin-right: 0%;
	margin-left: 0%;
}
.col {
	margin: 1% 1% 1% 1.6%;
}	
.span_1_of_2, .span_2_of_2 { 
	width: 100%; 
}	

.span_3_of_3, .span_2_of_3, .span_1_of_3 { 
	width: 100%; 
}
.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 {
	width: 48%;	
}
.col.span_1_of_6 { 
	margin: 1% 0 1% 0%;
}

.col.span_3_of_3, .col.span_2_of_3, .col.span_1_of_3 { 
	margin: 1% 0 1% 0%;
}

.col.span_4_of_4, .col.span_3_of_4, .col.span_2_of_4 { 
	margin: 1% 0 1% 0%;
}
.col.span_1_of_2, .col.span_2_of_2 { 
	margin: 1% 0 1% 0%;
}
.span_1_of_4:nth-child(2n+1) {
	clear: both;
	margin-left: 0;
}
.span_1_of_6 { 
width: 33%;
}

.span_1_of_6:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
}