:root {
	font-size: 16px;
  }
  * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
  }
  html {
	min-height: 100%;
  }
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border:none;
}

		/* 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: 465px;
	margin: 0.75rem auto;
	border: 2px solid #2D1F0F;
	padding: 0.4375rem 0.625rem 0;
	overflow: hidden;
	text-align: left;
	font-size: 0.875rem;
	line-height: 1.1875rem;
	color: #2D1F0F;
	font-family: 'Roboto', sans-serif;
	background-color: #fff;
}
header {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}
article {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0.125rem 0rem;
}

footer {
	margin: 0rem -0.625rem 0rem -0.625rem;
	padding: 0.4375rem 0.9375rem 0.3125rem 6rem;
	background: #fff200;
	text-align: justify;
	letter-spacing: 0.125rem;
	line-height: 1rem;
}
section{
	margin-bottom: 0;
	padding-left: 6.5625rem;
	position: relative;
}
section span{
	position: absolute;
	top: 0;
	left: 0;
}
nav,figure,address{
	display:block;
	margin:0rem;
	font-style:normal;
	padding:0rem;}
p{
	margin:0rem 0rem 0rem;
	padding:0rem;}

h1 {
	margin: 0.5rem 0rem 0.25rem 6.5625rem;
	padding: 0rem 0rem 0rem 0rem;
	font-size: 1.625rem;
	line-height: 1.75rem;
	text-align:left;
}
h2 {
	font-size: 1.375rem;
	margin: 1rem 0rem;
	line-height: 1.625rem;
}
h3 {
	font-size:0.8125rem;
	margin: 1rem 0rem;
	line-height:1.125rem;
}
a{
	color: #200E00;
	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: 1rem;
}
li:before {
	content: "\2022";
	color: #200E00;
	float: left;
	margin-left: 0rem;
	font-size: 1.5625rem;
	text-indent: -1rem;
	margin-top: 0rem;
}
.clear{
	clear:both; 
	margin:0rem;
	display:block;
	padding:0rem;} 

header img{ position:relative; top:0rem; left:0rem; margin:0rem auto;}
nav a:nth-of-type(1){
	float: left;
}
nav a:nth-of-type(2){
	float: right;
}
nav span{
	margin-left: 35px;
}

@media (max-width: 464px) {
#wrapper {
	width:98%;
	min-width: 200px !important;
	font-size: 0.8125rem;
	line-height: 1.0625rem;
	padding:0rem;
	border:none;
}
header {
	height: auto;	
	padding:3% 3% 0% 3%;	
	width:auto;
	margin:0rem;
}

article {
	height: auto;
	padding: 0% 3% 0.375rem;
	width:auto;
	margin:0rem;
}

footer {
	height: auto;	
	padding:3%;	
	width:auto;
	margin:0rem;
}
h1{
	margin: 3% 0rem 3% 0%;
	font-size: 1.125rem;
	line-height: 1.375rem;
}
h2{
	margin: 2.5% 0rem;
	font-size: 0.9375rem;
	line-height: 1.25rem;
}
h3{
	margin: 2.5% 0rem;
	font-size: 0.8125rem;
	line-height:1.125rem;
}

ul {
	margin-bottom: 5px;
}
	
ul li {
	padding-left: 0.9375rem;
}
li:before {
	text-indent:-0.9375rem;
}

p{
	margin: 0 0 5px;
	text-align: left;
	}
	
br{
	display:none;}
	
footer br{display: block;}
footer p {margin-bottom: 0;}
p span{
	display: block;
}
nav a:nth-of-type(1),
nav a:nth-of-type(2){
	float: none;
}
nav span{
	margin-left: 3px;
	margin-right: 3px;
}
}

@media (max-width: 400px){
	section{
		padding-left: 0;
	}
	section span{
		position: static;
		display: inline-block;
		margin-bottom: 3.2px;
	}
}
nav {
    overflow: hidden;
}