﻿:root {
	font-size: 16px;
}
* { box-sizing: border-box;margin:0rem; padding:0rem; }
html { min-height: 100%;}
#wrapper {
	font-family: 'Roboto', sans-serif;
	font-size: 0.8125rem;
	line-height: 1.0625rem;
	max-width: 440px;
	margin: 0.75rem auto;
	padding: 0rem;
	background: #fff url(bg.jpg) no-repeat left 81px;
	overflow: hidden;
	text-align: left;
	position: relative;
	color: #2e2113;
}
article {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 1.5625rem 1.5625rem 1.5625rem;
}
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: 0rem 0rem 0.5rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}
footer {
	margin: 1.3125rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	color: #fff;
}
h1 {
	font-size: 1.8125rem;
	margin: 0rem 0rem 1rem 0rem;
	line-height: 2rem;
	color: #00945f;
	}
h1 span {
	font-size:70%;
	font-weight:normal;
}
h3 {
	font-size: 1.125rem;
	margin: 0rem 0rem 0rem 0rem;
	line-height:1.625rem;
	color: #00945f;
}
p {
	margin-bottom: 0.7rem;
}
p:last-child {
	margin-bottom:0rem;
	margin-top: 2rem;
	color: #fff;
}
a {
	color: #2e2113;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}
ul {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	list-style: none;
}
ul li {
	padding-left: 1.25rem;
	background: url("iconli.png") no-repeat left 6px;
	text-align: left;
}
.clearfix {
	clear:both;
	font-size:0rem;
	line-height:0rem;
	display:block;
}
u{text-decoration: underline;}
em{font-style: italic;}

br{display: block;}
section section + p{
    margin-top: 0.7rem;
}

footer > a{
    position: absolute;
    right: 0.75rem;
    bottom: 2.2rem;
}
ul + p {margin-top: 0.625rem;}

section aside:nth-of-type(1){width: 36%;float: left;}
section aside:nth-of-type(2){width: 48.5%;float: left;}
header{position: relative;}
header>a{position: absolute;top: 10%;left: 1%;height: 40%;width: 55%;}
footer a{color: #fff;}
header img:nth-of-type(2){display: none;}

@media screen and (max-width: 440px) {
	header img:nth-of-type(1){display: none;}
	header img:nth-of-type(2){display: block;}
	section aside:nth-of-type(1){width: 100%; float: none;}
	section aside:nth-of-type(2){width: 100%; float: none;}
	footer > a{position: static;}
	p:last-child{background: #d6413e;padding: 10px;}
	#wrapper{width: 100%;font-size: 0.815rem;line-height: 1rem;border:none;margin:0rem;height: auto;background: none;}
	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: left;margin-top: 0rem;background: #009964;padding: 10px;}
	aside{text-align: left;}
	
	section {margin: 0rem 0rem 0rem 0rem;padding: 0rem 0rem 0rem 0rem;}
	h1{margin: 0.625rem 0rem 0.625rem 0rem;font-size: 1.4rem;line-height: 1.7rem;}
	h3{margin: 0.625rem 0rem 0.625rem 0rem;font-size: 0.875rem;line-height: 1.25rem;}
	p { margin-bottom:3%; }
	a { font-weight:bold;}
	
	ul{margin-left: 0rem;margin-top: 0.625rem;margin-bottom: 0.625rem;}
	ul li{padding: 0rem 0rem 0rem 0.75rem;background: url(iconli.png) no-repeat left 0.375rem;}
	section h1 br{display: block;}
	footer br{display: block;}
}