﻿:root {
	font-size: 16px;
}
* { box-sizing: border-box;margin:0rem; padding:0rem; }
html { min-height: 100%;}
#wrapper {
	border: solid thin #cbcbcb;
	font-family: 'Roboto', sans-serif;
	font-size: 0.8125rem;
	line-height: 1.25rem;
	max-width: 600px;
	margin: 0.75rem auto;
	padding: 0rem;
	background-color: #fff;
	overflow: hidden;
	text-align: left;
	position: relative;
	color: #000;
}
article {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0.625rem 0.625rem 2.2rem 3.125rem;
}
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 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}
footer {
	margin: 5.3125rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}
h1 {
	font-size: 3.5rem;
	margin: 0rem 0rem 1rem 0rem;
	line-height: 2.7rem;
	}
h1 span {
	font-size: 75%;
	font-weight:normal;
}

h3 {
	font-size: 1.3125rem;
	margin: 1rem 0rem 0rem 0rem;
	line-height:1.625rem;
}
p {
	margin-bottom: 1rem;
}
p:last-child {
	margin-bottom:0rem;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
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;}
section aside:nth-of-type(2) strong{
    background: #ec6607;
    display: inline-block;
    color: #fff;
    padding: 0.0625rem 0.375rem;
}
footer aside:nth-of-type(2) a:nth-of-type(1){
    margin-bottom: 1.25rem;
    display: inline-block;
}
footer aside:nth-of-type(1){
    color: #ec6607;
    font-size: 1.1875rem;
}
footer aside:nth-of-type(2){position: absolute;right: 3.125rem;bottom: 1rem;text-align: right;}
section aside:nth-of-type(1){position: absolute;top: 12.3125rem;left: 3.125rem;color: #fff;}
section aside:nth-of-type(2){margin-top: -5.3125rem;position: relative;-ms-transform: rotate(-7deg);-webkit-transform: rotate(-7deg);transform: rotate(-7deg);}
section aside:nth-of-type(2) h3{background: #005caa;color: #fff;display: inline-block;padding: 0.125rem 0.625rem;margin-bottom: 0.1875rem;}
section aside:nth-of-type(2) p{}
section section{-ms-transform: rotate(-9deg);-webkit-transform: rotate(-9deg);transform: rotate(-9deg);background: #ec6607;color: #fff;position: absolute;right: 6.5rem;top: 21.3125rem;width: 130px;height: 130px;border-radius: 50%;padding: 2.125rem 0.625rem 0.625rem 0.9375rem;font-size: 0.875rem;}

@media screen and (max-width: 600px) {
	section aside:nth-of-type(1){position: static;background: #1f2c4c;padding: 10px;text-align: left;margin-bottom: 0.5rem;}
	section section{position: static; -ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);}
	section aside:nth-of-type(2){
	margin-top: 0;
	position: static; rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	margin-bottom: 1rem;
	}
	footer aside:nth-of-type(2){position: static;text-align: left;margin-top: 1rem;}
	#wrapper{width: 100%;font-size: 0.815rem;line-height: 1rem;border:none;margin:0rem;}
	article{padding: 0rem 0.625rem 0.625rem 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: 0.5rem;}
	footer{text-align: left;margin-top: 1rem;}
	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.8rem;line-height: 1.5rem;}
	h3{margin: 0.625rem 0rem 0.625rem 0rem;font-size: 0.875rem;line-height: 1.25rem;}
	p { margin-bottom:3%; }
	a { font-weight:bold;}
	section h1 br{display: block;}
	footer br{display: block;}
}