:root {  font-size:16px;}
* { margin:0px; box-sizing:border-box; }
html {min-height: 100%;}
#wrapper {
	margin:12px auto;
	border:1px #231F20 solid;
	max-width: 820px;
	color:#231F20;
	position:relative;
	padding:0.625rem;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.3125rem;
	font-size: 1rem;
	text-align:left;
	overflow:hidden;
}
p {padding-bottom:0.9375rem; }
h1{margin:0 0 0.9375rem 0;font-size: 1.625rem; line-height: 1.9375rem; text-align: center;}
h1 span {display: block;}
h2{line-height: 1.375rem;font-size: 1rem;margin:0;}
a {color:#231F20;text-decoration:none;}
a:hover{text-decoration: underline;}
a{white-space: nowrap;}
img {max-width: 100%; }
ul {
    margin: 0px 0rem 0.375rem;
    padding: 0rem;
    list-style: none;
}
ul li {
    padding-left: 2.1875rem;
}
ul li:before {
    content: "\2022";
    float: left;
    margin-left: 0rem;
    font-size: 1.5625rem;
    text-indent: -2.1875rem;
position: relative;top: -0.125rem;}
.clear:after {content: ".";clear: both;display: block;visibility: hidden;height: 0px;}
header{width: 100%;float: left; font-weight: bold;padding-left: 21%;}
header a{position: absolute; top: 0.75rem; left: 0.625rem;  z-index: 1;}
header p{text-indent: 0.625rem;margin-top: 2rem;}
header span{display: inline-block; padding-left: 0.625rem;}
article{width: 100%;float: left;}
footer{width: 100%;float: left;margin-top: 1rem;}
footer p{padding-bottom: 0;}
@media only screen and (max-width:820px) { 
	#wrapper{border: none;}
	header a {
    position: static;
    top: 0px;
    left: 0px;
    z-index: 1;
}
header p {
    text-indent: 0px;
    margin-top: 0px;
}
header{
	padding-left: 0
}
header span {
    display: inline;
    padding-left: 0px;
}
}