body{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 130%;
	font-family: arial;
	background-color: #D8D8D8

}
.main{
	margin: 0 3% 0 4.5%;
	padding: 0;
	width: 90%;
	display: block;
	background-color: #EDEDED;
	/*border: 6px #BDD7EE ridge;*/
	border-left: 4px #ACD8EB groove;
	border-right: 4px #ACD8EB groove;
}
.header{
	display: block;
	padding: 2.2% 0 2.2% 0;
	background-color: #BDD7EE;

	/* font action */
	font-family: Aharoni;
	color: #2B73B2;
	font-size: 255%;
	text-align: center;
	letter-spacing: 0.1em;
	word-spacing: 0.3em;
	font-weight: bold;
}
.body_container{
	display: block;
	padding: 3% 0 0 10%;
	background-color: #EDEDED;
/*	border-top: 6px #BDD7EE ridge;
	border-bottom: 6px #BDD7EE ridge; */
}
.body_container h3{
	margin: 3%;
	font-size: 270%;
	font-family: Cambria;
}
.body_container ul li{
	margin: 0 0 0 12%;
	list-style: none;
	font-size: 200%;
	font-weight: bold;
}
.body_container ul li a{
	text-decoration: none;
	display: inline-block;
	padding: 1% .5%;
	color: #171814;
}
.body_container ul li a:hover{
	color: #E6E6E6;
	background: #40413E;
}
.body_container p{
	font-size: 100%;
	padding: 0 0 1% 0;
	text-align: center;
}
.body_container p a{
	text-decoration: none;
	color: #171814
}
.body_container p a:hover{
	color: #4D8EEB;
}
.footer{
	display: block;
	padding: 2.2%;
	background-color: #BDD7EE;

	color: #2B73B2;
	font-size: 110%;
	text-align: center;
}
@media screen and (max-width: 1100px){
	body{
		width: 100%;
		font-size: 120%;
	}
	.body_container ul li{
		font-size: 180%;
	}
	.footer{
		font-size: 110%;
	}
	.body_container p{
		font-size: 110%;
	}
	.body_container h3{
		font-size: 290%;
	}
}
@media screen and (max-width: 800px){
	body{
		width: 100%;
		font-size: 110%;
	}
	.body_container ul li{
		font-size: 170%;
	}
	.footer{
		font-size: 130%;
	}
	.body_container p{
		font-size: 110%;
	}
	.body_container h3{
		font-size: 260%;
	}
}
@media screen and (max-width: 550px){
	body{
		width: 100%;
		font-size: 90%;
	}
	.body_container ul li{
		font-size: 170%;
	}
	.footer{
		font-size: 110%;
	}
	.body_container p{
		font-size: 110%;
	}
	.body_container h3{
		font-size: 250%;
	}
}
@media screen and (max-width: 414px){
	body{
		width: 100%;
		font-size: 80%;
	}
	.body_container ul li{
		font-size: 170%;
	}
	.footer{
		font-size: 120%;
	}
	.body_container p{
		font-size: 120%;
	}
	.body_container h3{
		font-size: 250%;
	}
}
@media screen and (max-width: 360px){
	body{
		width: 100%;
		font-size: 70%;
	}
	.body_container ul li{
		font-size: 150%;
	}
	.footer{
		font-size: 100%;
	}
	.body_container p{
		font-size: 110%;
	}
	.body_container h3{
		font-size: 230%;
	}
}

@media screen and (max-width: 280px){
	body{
		width: 100%;
		font-size: 60%;
	}
	.body_container ul li{
		font-size: 150%;
	}
	.footer{
		font-size: 100%;
	}
	.body_container p{
		font-size: 110%;
	}
	.body_container h3{
		font-size: 230%;
	}
}