:root {  font-size:16px;} 
* {
	box-sizing: border-box;
	margin:0rem; padding:0rem;
}
html {
	min-height: 100%;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border:none;
}
body {
	color: #000;
	
	/* font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; */
/* font-family: 'Roboto', sans-serif; */
/* font-family:"Times New Roman", Times, serif;  */
}

#wrapper {
	position: relative;
	max-width: 900px;
	margin: 0.625rem auto;
	border: 1px solid #000;
	padding:0rem;
	overflow: hidden;
	text-align: left;
	line-height:1.125rem;
	font-size: 0.75rem;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #FECC00;
}
h1 {
    font-size: 16px;
    margin: 0rem 0rem;
    position: absolute;
    background: #253081;
    font-weight: normal;
    width: 537px;
    bottom: -50px;
    left: 0px;
    text-transform: uppercase;
    color: #FFF;
    padding: 1.5625rem 1.5625rem 1.5625rem 3.125rem;
    line-height: 1.5rem;
}
h1 span{font-weight: normal;display: block;font-size: 9px;line-height: 15px;}
h2 {
	font-size: 1.5rem;
	margin:0rem 0rem;
	position: absolute;
	background:#253081;
	font-weight: normal;
	width: 537px;
	top: 60px;
	left:0px;
	color:#FFF;
	padding: 1.875rem 3.125rem;
	line-height: 1.5rem;
}

h3 {
	font-size: 0.8125rem;
	margin: 1rem 0rem;
	color:#253081;text-transform:uppercase;
	line-height: 1.125rem;
}
h3:nth-of-type(1){margin-top:0;}
p{
	margin: 0rem 0rem 1rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}

header {
	margin: 0rem 0rem 0rem 0rem;
	position: relative;
	padding: 0rem 0rem 0rem 0rem;
}

article {
	margin: 0rem 0rem 0rem 0rem;
	padding: 5.3125rem 3.125rem 1rem 3.125rem;
}

footer {
	margin: 0rem 0rem 0rem 0rem;
	padding:2.5rem 0.625rem 1.5rem 0.625rem;
	position: relative;
	background:#253081;
	color:#FFF;text-align: center;
	
}
footer a{color:#FFF;}
a {
	color: #000;
	text-decoration: none;
}
a:hover{
		text-decoration:underline;
	}

ul {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	list-style: none;
}
ul li {
	padding-left:1.25rem;
}
ul li:before {
	content: "\2022";
	color: #000;
	float: left;
	margin-left: 0rem;
	font-size: 1.5625rem;
	text-indent:-1.25rem;
}

.clear{
	clear: both; 
	margin: 0px;
	display: block;
	padding: 0rem;
} 


header aside{position: absolute;
top:60px;
right:50px;}
header section img{display: block;}
header section {padding-top: 100px;}
article section:nth-of-type(1){width:33%;
float: left;}
article section:nth-of-type(2){width:60%;
float: right;}
@media all and (max-width: 899px) {
	#wrapper {
		width:100%;
		min-width: 200px !important;
		font-size: 0.75rem;
		line-height:1rem;
		padding: 0rem;
		border:none;
	}
	header {
		height: auto;	
		padding:0rem;	
		width:auto;
		margin:0rem;
	}
	article {
		height: auto;	
		padding:0 0.625rem;	
		width:auto;
		margin:0rem;
	}

	footer {
		height: auto;
		padding:0.625rem;
		width:auto;
		margin:0rem;
		margin-top: 1rem;
	}
	h1{
		margin:1rem 0rem 0.5rem 0rem;
		position: static;width:100%;
		padding:15px;
	}
	h2{
		margin: 0rem 0rem;
		padding:15px;
		position: static;
		width:100%;

	}
	h3{
		margin: 0.5rem 0rem;
		font-size: 0.8125rem;
		line-height:1.125rem;
	}
		
	ul li {
		padding-left: 0.9375rem;
	}
	ul li:before {
		text-indent: -0.9375rem;
	}
	p{
		margin: 0rem 0rem 0.625rem;
	}
	br{display: none;}
	footer br{display: block;}
	header aside{position: absolute;
top:20px;
left:20px;}
header section img{display: block;}
header section {padding-top:60px;}
article section:nth-of-type(1){width:40%;
float: left;}
article section:nth-of-type(2){width:55%;
float: right;}
}

@media all and (max-width: 480px) {
header aside{position: absolute;
top:20px;width:100px;
left:20px;}
article section:nth-of-type(1){width:100%;
float: left;}
article section:nth-of-type(2){width:100%;
float: left;}
}