﻿:root {
	font-size: 16px;
}
* { box-sizing: border-box;margin:0rem; padding:0rem; }
html { min-height: 100%;}
#wrapper {
	border: solid 2px #242021;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8125rem;
	line-height: 1rem;
	max-width: 618px;
	margin: 0.75rem auto;
	padding: 0rem;
	background-color: #f7f7f7;
	overflow: hidden;
	text-align: left;
	position: relative;
	color: #242021;
	border-radius: 20px;
}
article {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0.625rem 0.625rem 0.7rem 0.625rem;
}
header {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}
header img {
	position:relative;
	top:0rem;
	left:0rem;
	margin:0rem 0rem 0rem 0rem;
	text-align:right;
}
section {
	margin: 0.625rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}
footer {
	margin: 0.625rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}
h1 {
	font-size: 1.625rem;
	margin: 0rem 0rem 0rem 0rem;
	line-height: 1.7rem;
	}
h1 span {
	font-size: 66%;
	/* font-weight:normal; */
}
h3 {
	font-size: 0.8125rem;
	margin: 0.4375rem 0rem 0rem 0rem;
	line-height: 1.3rem;
}
p {
	margin-bottom: 0.6875rem;
	text-align: justify;
}
p:last-child {
	margin-bottom:0rem;
}
a {
	color: #242021;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}
.clearfix {
	clear:both;
	font-size:0rem;
	line-height:0rem;
	display:block;
}
u{text-decoration: underline;}
em{font-style: italic;}

br{display: block;}
footer aside p{
    margin-right: 11.9375rem;
}
header aside:nth-of-type(1){
    float: right;
}
header aside:nth-of-type(2){
    float: left;
    width: 354px;
    text-align: justify;
}
footer aside:nth-of-type(2){position: absolute;right: 0.5rem;bottom: 2.1875rem;}
footer > p img{position: relative;top: 0.75rem;display: inline-block;margin: 0 0.5625rem;}
footer > p{margin-top: 0.3125rem;font-size: 123%;}

@media screen and (max-width: 618px) {
	header aside:nth-of-type(1){
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
    text-align: center;
}
	header aside:nth-of-type(2){
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}
	footer aside:nth-of-type(2){position: static;margin: 1rem 0;}

	#wrapper{width: 100%;font-size: 0.815rem;line-height: 1rem;border:none;margin:0rem;}
	article{ padding: 0.625rem; margin: 0rem 0rem 0rem 0rem;}
	br{display: none;}
	header,aside,footer { position: relative; top: 0rem; left: 0rem;}
	header{/* text-align: center; */display:  block;overflow:  hidden;margin-bottom: 1rem;}
	footer{text-align: center;margin-top: 1rem;}
	aside{text-align: left;}
	footer aside p {
    margin-right: 0rem;
}
	section {margin: 0rem 0rem 0rem 0rem;padding: 0rem 0rem 0rem 0rem;}
	h1{margin: 0.625rem 0rem 0.625rem 0rem;font-size: 1.2rem;line-height: 1.5rem;text-align: center;}
	h3{margin: 0.625rem 0rem 0.625rem 0rem;font-size: 0.875rem;line-height: 1.25rem;}
	p {margin-bottom:3%;text-align: left;}
	section h1 br{display: block;}
	footer br{display: block;}
	footer > p{font-size: 110%;}

	footer > p img{top: 0px;}
}