body
{
	margin: 0px;
	font-size: 0px;
	background-color: #CFE3D0;
	font-family: 'Poppins', sans-serif;
}
.clear {width: inherit; height: 0px; font-size: 0px; line-height: 0px; clear: both;}
#wrapper
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#menu
{
	width: 100%;
	height: 91px;
	font-size: 20px;
	color: black;
}
#logo
{
	float: left;
	max-width: 180px;
	padding: 15px 0px 0px 15px;
	margin: 0px;
}
#logo img
{
	width: 100%;
}
#nav
{
	height: 100%;
	float: right;
	margin: 0px;
	padding: 0px;
}
#nav ol
{
	height: 100%;
	margin: 0px;
	list-style-type: none;
	height: inherit;
}
#nav > ol > li
{
	height: 100%;
	float: left;
	height: inherit;
}
#nav > ol > li > a
{
	height: 100%;
	text-align: center;
	display: block;
	min-width: 220px;
	font-weight: 500;
	text-decoration: none;
	color: black;
	line-height: 200%;
	padding-top: 10px;
}
#nav > ol > li > a:hover
{
	color: white;
	background-color: #C5D9C6;
}
#header
{
	width: 100%;
	border-top: 1px solid #AFC9B1;
	border-bottom: 1px solid #AFC9B1;
}
#header img
{
	width: 100%;
	height: auto;
}
#content
{
	width: 100%;
	font-size: 18px;
	text-align: justify;
}
#context a
{
	text-decoration: none;
	color: #A86D45;
}
#context a:hover
{
	color: #CCB574;
}
#context
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 70px;
	line-height: 200%;
}
#footer
{
	width: 100%;
	height: 60px;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: center;
	background-color: #536B75;
	color: #F5FAF7;
	padding-top: 30px;
}

@media only screen and (max-width: 1140px){
#menu
{
	font-size: 18px;
	height: 62px;
}
#logo
{
	clear: both;
	max-width: 120px;
	display: inline;
	padding-top: 10px;
}
#logo img
{
	max-width: 100%;
	height: auto;
}

#nav > ol > li > a
{
	height: 100%;
	min-width: 200px;
	padding-top: 0px;
}
#nav > ol > li
{
	width: 20%;
	min-width: 200px;
	padding: 0px;
	margin: 0px;
}
#context
{
	width: 80%;
	font-size: 16px;
	line-height: 200%;
	margin-left: auto;
	margin-right: auto;
}
}
@media only screen and (max-width: 1000px){
#menu
{
	height: auto;
	font-size: 16px;
}
#nav
{
	height: 100%;
}	
#nav > ol > li
{
	min-width: 160px;
	height: 100%;
}
#nav > ol > li > a
{
	min-width: 160px;
	height: 100%;
}
}
@media only screen and (min-width: 860px){
#nav
{
	min-height: 57px;
}
#nav > ol > li > a
{
	min-height: 57px;
}
}
@media only screen and (max-width: 700px){
#logo
{	
	clear: both;
	margin-left: auto;
	margin-right: auto;

}
#nav
{
	clear: both;
	float: none;
}
#nav > ol
{
	clear: both;
	display: inline;
	padding: 0px;
}
#nav > ol > li
{
	clear: both;
	display: inline;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 140px;
	text-align: center;
	font-size: 15px;
	line-height: 250%;
	padding: 0px;
	
}
#nav > ol > li > a
{
	clear: both;
	display: inline-block;
	width: 100%;
	font-size: 15px;
	line-height: 250%;
	border-top: 1px solid #AFC9B1;
}
#nav > ol > li > a:hover
{
	background-color: #536B75;
}
#context
{
	width: 90%;
	line-height: 150%;
	font-size: 14px;
}
}