/*======= RESET =======*/
html, body, h1, h2, h3, h4, h5, h6, p, img, a,
abbr, address, b, blockquote, cite, code, del, dfn, em, i, ins, kbd, pre, q, samp, small, strong, sub, sup, var,
div, span, object, iframe,
dd, dl, dt, ol, ul, li,
fieldset, form, label, legend,
table, caption, thead, tbody, tfoot, th, tr, td {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline; 
	background: transparent; }
table {
	border-collapse: separate;
	border-spacing: 0; }
del {
	text-decoration: line-through; }
blockquote:before, blockquote:after, q:before, q:after {
	content: ""; }
img, object, audio, video, svg {
	max-width: 100%; }

/*======== General =========*/
body {
	font-size: 14px;
	line-height: 1.9285;
	color: #1e1e1e;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 auto;
	position: relative;
	background:url("../images/bg.png") repeat; }
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-bottom: 0.4286em; }
h1 {
	font-size: 1em;
	line-height: 1;
	color: #1e1e1e;
	min-height:1em;}
h2 {
	font-size: 4.7142em;
	line-height: 1;
	color: #1e1e1e;
	font-weight: bold;
	text-shadow: 0 1px #666;
	margin-top: 0.75em;}
h3 {
	font-size: 1.2857em;
	line-height: 1;
	color: #323232;
	text-shadow: 0 1px #B0B7BC;
	letter-spacing: 0.03em;
	margin-bottom: 0.5em; }
h4 {
	font-size: 2.5714em;
	line-height: 1;
	color: #1e1e1e;
	font-weight: bold;
	margin-bottom:0;
	text-align:center;}
h5 {
	font-size: 1.2857em;
	line-height: 1;
	color: #1e1e1e;}
h6 {
	font-size: 1.2857em;
	line-height: 1;
	color: #1e1e1e; }
p {
	margin-bottom: 1.2857em; }
a, a:visited {
	color: #1e1e1e;
	text-decoration: none;
	outline: none; }
a:hover {
	color: #1e1e1e;
	text-decoration: underline;}
a:active, a:focus {
	color: #000;}
ul, ol {
	margin-bottom: 1.2857em; }
ul {
	list-style-type: none; }
ol { 
	list-style-type: decimal; }
sup, sub {
	line-height: 0;
	font-size: 0.75em; }
sup {
 	vertical-align:super; }
sub {
	vertical-align: sub; }
pre {
	white-space: pre; }
pre, code {
	font: 1em 'lucida console', monospace; }

/* === classes === */
section, footer, aside, header {
	margin: 0 auto;
	display:block;
	width: 90%;
	position: relative;
	clear: both; }
h1 > img {
	float:right; }
.hireus {
	background:url("../images/bg-section.png") repeat;
	border-bottom: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
    box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 1.5em 0;}
aside {
	clear: both;
    background:url("../images/bg-aside.png") repeat;
	border-bottom: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
    box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 1.5em 0; }
aside > p {
	margin-bottom: 0em;
	text-align:center;
	font-size: 1.2857em; }
footer {
	clear: both;
	border-top: 2px solid #fff;
	width: 90%;
	padding-bottom: 1em; }
#hcardPositiveimage {
	padding-top: 1.2857em;
	width: 100%;
	float:none; }
.copyright {
	color: #909090;
	text-align: right;
	float:none;
	padding-top: 1.2857em;
	width: 100%; }
.copyright a {
	color: #909090;}
.abn {
	display:block; }
.since {
	display:block;
	font-style:italic;
	letter-spacing:0.15em;}

/* === hCard === */
ul.vcard { margin: 0 0 1.2857em 0; padding: 0; text-align:left; }
ul.vcard li { margin: 0; padding: 0 0 0.6428em 0; font-size: 1em; line-height: 1em; }
.vcard .url, .vcard .email { text-decoration: none; color: #909090; display: block; }
.vcard .url:hover, .vcard .email:hover { text-decoration: underline; color: #1e1e1e; }
.vcard .adr { color: #909090; margin-top: 1em; }
.vcard .post-office-box { color: #909090; }
.vcard .locality { color: #909090; float:left; }
.vcard .region { color: #909090; float:left; padding-left: 0.5em; }
.vcard .postal-code { color: #909090; float:left; padding-left: 0.5em; }
.vcard .country-name { color: #909090; clear:both; }
.vcard .tel { color: #909090;}
.vcard .type { color: #909090; }
.vcard .value { color: #909090; }
.adr span.type { display: block; }

@media only screen and (min-width: 48em) {
/* === Layout Styles - < 48em === */
section, header, footer, aside {
	max-width: 82em; }
	
h2 {
	font-size: 8.5714em;
	line-height: 1;
	margin-top: 0.4286em;}
h3 {
	font-size: 2.5714em;
	line-height: 1;
	margin-bottom: 0.5em; }
h4 {
	font-size: 5.1428em;
	line-height: 1;}
#hcardPositiveimage {
	width: 48%;
	float: left; }
.copyright {
	width: 48%;
	float:right; }
}

@media only screen and (min-width: 1024px) {
    img {
        width: 400px;
    }
}

@media only screen and (max-width: 1024px) {
    img {
        width: 200px;
    }
}

@media only screen and (max-width: 480px) {
    img {
        width: 100vw;
    }
}