html, body { height: 100%; min-height: 100%; }
body { font-family: 'Roboto Condensed', arial, sans-serif; color: #333; line-height: 1.2; font-size: 1.2em; background: #fafafa; }

@charset "UTF-8";

a { color: #659711; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
h1, h2, h3 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; }
h1 { font-size: 6em;  }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; margin: 20px 0; }
p { padding: 20px 0; }

::-moz-selection { color: #fff; background: #333; }
::selection { color: #fff; background: #333; }

img { max-width: 100%; border: none; display: block; margin: auto; }
img.centered { margin: auto; }

header, footer { float: left; width: 100%; padding: 40px 0; }

header { text-align: center; }

.content { display: inline-block; width: 80%; padding: 20px 10%; }
.item { float: left; width: 100%; margin: 20px 0; text-align: center; }
.center { position: relative; margin: auto; }

footer { background: #333; color: #fff; text-align: center; }

@media (min-width: 1600px) {
}

@media (max-width: 1599px) {
}

@media (max-width: 979px) {
	body { font-size: 1em; }
}

@media (max-width: 768px) {
	body { font-size: 1em; }
	header { padding: 20px 0; }
}

@media (max-width: 480px) {
	body { font-size: 0.8em; }
	header { padding: 20px 0; }
}