:root {  font-size:16px;}
* { margin:0; box-sizing:border-box; }
html {min-height: 100%;}
#wrapper {
	margin:0.75rem auto;
	border:1px #231F20 solid;
	max-width: 530px;
	color:#FFFFFF;
	position:relative;
	padding:0;
	background-color:#006095;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.25rem;
	font-size: 1rem;
	text-align: left;
	overflow:hidden;
}
p {padding-bottom: 0.625rem;} 
h2{
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin:0;
} 
a {color:#FFFFFF;text-decoration:none;}
a:hover{text-decoration: underline;}
a u{color: blue;}
img {max-width: 100%; height: auto; width: auto; border:none;}
ul {
	margin: 0 0 0.625rem 0.5rem;
	padding: 0; 
	list-style: none;
}
ul li {
	padding-left: 0.75rem;
}
ul li:before {
	content: "\2022";
	float: left;
	margin-left: 0;
	font-size: 1.5rem;
	text-indent: -0.75rem;
	font-family:Arial, Helvetica, sans-serif;
}
.clear:after {content: ".";clear: both;display: block;visibility: hidden;height: 0;}

header, article, footer{width: 100%;float: left;padding: 0.625rem;}
header{text-align: center;} 

big{font-size: 1.625rem;font-weight: bold;}
article{background: #659AC2;padding-bottom: 0;}

footer{
    text-align: center;
}
 
@media only screen and (max-width:528px) { 
	#wrapper{border: none;font-size: 0.875rem;line-height: 1.125rem} 
	h2{font-size: 1.25rem;line-height: 1.375rem;}
	big{font-size: 1.5rem;line-height: 1.5rem;}
	p{text-align: left;}
	article br{display: none;} 
	footer span, a{white-space: nowrap}
}