﻿: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.875rem;
	line-height: 1.125rem;
	max-width: 600px;
	margin: 0.75rem auto;
	padding: 0rem;
	background: #fff url(bg.jpg) no-repeat left top;
	overflow: hidden;
	text-align: left;
	position: relative;
	color: #ee1c25;
	height: 522px;
}
article {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0.9375rem 0.9375rem 0.9375rem 15.875rem;
}
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: 1rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	text-align: justify;
}
h1 {
	font-size: 2.25rem;
	margin: 0rem 0rem 0rem 0rem;
	line-height: 2.375rem;
	}
h1 span {
	font-size: 60%;
	font-weight:normal;
}
h3 {
	font-size: 1.6875rem;
	margin: 0rem 0rem 0.7rem 0rem;
	line-height: 1.9rem;
}
p {
	margin-bottom: 0.7rem;
}
p:last-child {
	margin-bottom:0rem;
}
a {
	color: #ee1c25;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}
ul {
	margin: 0rem 0rem 0.7rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	list-style: none;
}
ul li {
	padding-left: 0.7rem;
	background: url("iconli.png") no-repeat left 4px;
	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;}
ul + p {margin-top: 0.625rem;}

header img{display: none;}
footer>a{position: absolute;bottom: 10%;right: 6%;height: 88%;width: 37%;display: none;}
header>a{position: absolute;bottom: 2%;right: 6%;height: 10%;width: 37%;}

footer img{display: none;}

@media screen and (max-width: 600px) {
	footer img{display: block;}
	header img{display: block;}
	#wrapper{width: 100%;font-size: 0.815rem;line-height: 1rem;border:none;margin:0rem;height: auto;background: #fff200;}
	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: 1rem;position: relative;}
	aside{text-align: left;}
	footer>a{display: block;}
	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%; }
	a { font-weight:bold;}
	header>a{display: none;}
	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;}
}