@CHARSET "UTF-8";
/*
 
*/

body{
	font-family: Assistant, "Segoe UI", Arial;
	color: #006671;
	margin: 0;
	padding: 0;
}

h1 {
	
}

#Header {
	float: left;
	margin: 0;
	padding: 5px;
	width: 100%;
	border-bottom: 3px solid #006671;

}

#Header img{
	/*width: 30vw;
	height: 18vh;*/
}

#Footer table {width: 100%;}

#Footer tr {
		valign: top;
	}

@media (min-width: 1024px){
	#Header #Contact {
		float: right;
		width: 280px;
		padding-right: 10px;
		display: block;
		font-size: 28px;
		text-align: center;
	}
	
	#Header img{
		width: 35vw;
	}
	
	#Header #Title {
		font-size: 28px;
	}
	
	#Body{
		font-size: 24px;
		color: #6c6c6c;
		padding: 10px;
	}
	
	.Column-Odd, .Column-Even{
		float: left;
		width: 30vw;
		display: block;
		padding: 10px;
		margin-bottom: 10px;
	}
	
	.Column-Odd table, .Column-Even table {
		width: 100%;
	}
	
	.Column-Odd{
		background-color: #e9e9e9;	
	}
	
	.Column-Odd img, .Column-Even img {
		width: 30vw;
		/*height: 270px;*/
	}
	
	#Footer {
		clear: both;
		display: block;
		margin-top: 15px;
		padding: 5px;
		border-top: 1px solid #006671;
		background-color: #ffd879;
	}
	
	#Footer span{
		font-size: 24px;
	}
	
	.tblHeader{
		background-color: #535353;
		border: 2px solid #ffffff;
		color: #ffffff;
		font-size: 24px;
		margin: 0;
		text-align: center;
	}
	
	.tblRow{
		color: #6c6c6c;
		border: 1px solid #ffffff;
		font-size: 20px;
		margin: 0px;
		cell-spacing: 0px;
		cell-padding: 5px;
		background-color: #ffffff;
	}
	
	.tblRow td {
		margin: 0;
		padding: 5px;
		cell-spacing: 0;
		cell-padding: 5px;
	}
	
	#Footer img {width: 40vw;}
}

@media (min-width: 768px) and (max-width: 1024px){
	#Header img{
		width: 35vw;
	}
	#Header #Contact {
		float: right;
		width: 280px;
		padding-right: 10px;
		display: block;
		font-size: 28px;
		text-align: center;
	}
	
	#Header #Title {
		font-size: 24px;
	}
	
	#Body{
		font-size: 20px;
		color: #6c6c6c;
		padding: 10px;
	}
	
	.Column-Odd, .Column-Even{
		float: left;
		width: 90vw;
		display: block;
		padding: 10px;
		margin-bottom: 10px;
	}
	
	.Column-Odd{
		background-color: #e9e9e9;	
	}
	
	.Column-Odd img, .Column-Even img {
		width: 90vw;
		/*height: 270px;*/
	}
	
	#Footer {
		clear: both;
		display: block;
		margin-top: 15px;
		padding: 5px;
		border-top: 1px solid #006671;
		background-color: #ffd879;
	}
	
	.Column-Odd table, .Column-Even table{
		width: 100%;
	}
	
	.tblHeader{
		background-color: #535353;
		border: 2px solid #ffffff;
		color: #ffffff;
		font-size: 20px;
		margin: 0;
		text-align: center;
	}
	
	.tblRow{
		color: #6c6c6c;
		border: 1px solid #ffffff;
		font-size: 18px;
		margin: 0px;
		cell-spacing: 0px;
		cell-padding: 5px;
		background-color: #ffffff;
	}
	
	.tblRow td {
		margin: 0;
		padding: 5px;
		cell-spacing: 0;
		cell-padding: 5px;
	}

	#Footer span{
		font-size: 20px;
	}
	
	#Footer img {width: 30vw;}
	
	#Footer iframe {
		width: 60vw;
	}	

}

@media (max-width: 768px){
	#Header {
	margin: 0 auto;
	}
	
	#Body {
		margin: 0 auto;
	}
	#Header img{
		width: 80vw;
	}	
	
	#Header #Contact {
		float: left;
		width: 100%;
		display: block;
		font-size: 20px;
		text-align: center;
	}
	
	#Header #Title {
		font-size: 20px;
	}
	
	#Body{
		font-size: 18px;
		color: #6c6c6c;
		padding: 10px;
	}
	
	.Column-Odd, .Column-Even{
		float: left;
		width: 80vw;
		display: block;
		padding: 10px;
		margin-bottom: 10px;
	}
	
	.Column-Odd{
		background-color: #e9e9e9;	
	}
	
	.Column-Odd img, .Column-Even img {
		width: 80vw;
		/*height: 270px;*/
	}
	
	.Column-Odd table, .Column-Even table{
		width: 100%;
	}
	
	#Footer {
		clear: both;
		display: block;
		margin-top: 15px;
		padding: 5px;
		border-top: 1px solid #006671;
		background-color: #ffd879;
	}
	
	.tblHeader{
		background-color: #535353;
		border: 2px solid #ffffff;
		color: #ffffff;
		font-size: 20px;
		margin: 0;
		text-align: center;
	}
	
	.tblRow{
		color: #6c6c6c;
		border: 1px solid #ffffff;
		font-size: 18px;
		margin: 0px;
		cell-spacing: 0px;
		cell-padding: 5px;
		background-color: #ffffff;
	}
	
	.tblRow td {
		margin: 0;
		padding: 5px;
		cell-spacing: 0;
		cell-padding: 5px;
	}
	#Footer span{
		font-size: 18px;
	}
	
	#Footer iframe {
		width: 60vw;
		height: 30vw;
	}
	
	#Footer img {width: 25vw;}
}