/* CSS Document */


/* ......... Gutter .........................*/


@media (min-width: 480px) {
	.Col p,
	.Col li {
		padding-right: 3em;  /* gutter */
		}
		}

@media (min-width: 480px) {
	.Col h3,
	.Col h4,
	.Col h5,
	.Col h6 {
		padding-right: 1.5em; /* gutter */
		}
		}
	

.Center p,
.Center h3,
.Center h4,
.Center h5,
.Center h6 {
	padding-right: 0.5em;
	padding-left: 0.5em;
	text-align: center;
	}



.Col, /* legacy */
.Col2 div,
.Col3 div,
.Col4 div,
.Col5 div
.Col6 div{
	position: relative;
	width: 100%;
	float: left;

	}
	@media (max-width: 38em) {
		.OneText .Col{
			margin-top: 0;
			margin-bottom: 0;
			padding-bottom: 0;
			}
			}



.Article {
    float: left;
    padding-bottom: 2.5em;
	padding-bottom: 0em;
	text-align: left;
	}

.Article.Last {
	padding-bottom: 10em;
	}	
		

/* Half */	

	.Col.Half {
		width: 50%;
		}
		@media (max-width: 30em) {
			.Col.Half {
				width: 100%;
				}

			.Col.Half:nth-child(n+2) {
				margin-top: 2em;
				}
			.Article .Col.Half:nth-child(n+2) {
				margin-top: 0;
				}
				}

			


		@media (min-width: 30em) and (max-width: 50em){
			.Article .Half .Half {
				width: 100%;
				}
				}

	




/* Third */

	.Col.Third {
		width: 33.3333%;
		}
		@media (max-width: 50em) {
		.Col.Third {
			width: 50%;
			}
		.ContentWidth .Col.Third:nth-of-type(3) {
			margin-left: 26.5%;
			clear: both;
			}		
			}

		@media (max-width: 38em) {
		.Col.Third {
			width: 100%;
			}
		.ContentWidth .Col.Third:nth-of-type(3) {
			margin-left: 0;
			}	
			}

	.Col.ThirdHeader {
		width: 21%;
		padding-top:30px;
		text-align:right;
		}
		@media (max-width: 50em) {
		.Col.ThirdHeader {
			width: 50%;
			padding-top:0px;
			text-align:right;
			}
			}
		@media (max-width: 30em) {
		.Col.ThirdHeader {
			width: 100%;
			padding-top:0px;
			text-align:center;
			}
			}



/* two Third */

	.Col.TwoThird {
		width: 66.666666%;
				}	
		@media (max-width: 50em) {
		.Col.TwoThird {
			width: 100%;
			margin-top:0em;
			}
			}
		@media (max-width: 30em) {
		.Col.TwoThird{
			width: 100%;
			margin-top:0em;
			}	
			}
		
	.Col.TwoThirdHeader {
		width: 73%;
	
		}	
		@media (max-width: 50em) {
		.Col.TwoThird {
			width: 100%;
			
			}
			}
		@media (max-width: 30em) {
		.Col.TwoThird{
			width: 100%;
			
			}	
			}	
		

/* Quarter */




	.Col.Quarter,
	.Col4 div{				
		width: 25%;
		}	
		@media (max-width: 50em) {
		.Col.Quarter, /* Legacy */
		.Col4 div {
			width: 50%;
			}
		.ContentWidth .Col.Quarter:nth-of-type(3), /* Legacy */
		.Col4 div:nth-of-type(3) {
			clear: left;
			}
		}

		@media (max-width: 30em) {
		.Col.Quarter, /* Legacy */
		.Col4 div {
			width: 100%;
			}	
		.Col.Quarter:nth-child(n+2) {
		margin-top: 2em;
		}
		}

/* Three Quarter */

	.Col.ThreeQuarter {
		width: 75%;
		}
		@media (max-width: 50em) {
			.Col.ThreeQuarter {
				width: 50%;
				}
				}
		@media (max-width: 30em) {
			.Col.ThreeQuarter {
				width: 100%;
				}
				}





	.Col.ThreeQuarter .Col.Quarter {
		width: 33.3333%;
		}
		@media (max-width: 50em) {
			.Col.ThreeQuarter .Col.Quarter {
				width: 100%;
				}
			
			.Col.ThreeQuarter .Col.Quarter:nth-child(n+2) {
				margin-top: 2em;
				}
				}



/* Fifth */


	.Col.Fifth {
		width: 20%;
		clear: none;
		}
		@media (max-width: 40em) {
		.Col.Fifth {
			width: 33.3333%;
			}

			}
		@media (max-width: 30em) {
		.Col.Fifth {
			width: 50%;
			}
			}

/* Fifth */




.Col.Sixth {
		width: 16.6666666%;
		clear: none;
		}
		@media (max-width: 40em) {
		.Col.Sixth {
			width: 18%;
			}

			}
		@media (max-width: 30em) {
		.Col.Sixth {
			width: 48%;
			}
			}	
	



/* Clear */


	.Col.Clear {
		clear: left;
		}