/*@import url("//hello.myfonts.net/count/273e7c");
@import url("//hello.myfonts.net/count/273e12");*/

/* Written by Chris Chen for Creative Loop */

/* Reset */
/*********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
	margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

body { line-height: 1; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
h1, h2, h3, h4, h5, h6 { clear: both; }
html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {	display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) {	display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.714285714rem; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; }


/* Font Faces */
@font-face { font-family: 'AvenirNextLTPro-Cn'; src: url('273E7C_0_0.eot'); src: url('273E7C_0_0.eot?#iefix') format('embedded-opentype'),url('273E7C_0_0.woff') format('woff'),url('273E7C_0_0.ttf') format('truetype'); }
@font-face { font-family: 'MicrogrammaExtD-Bol'; src: url('273E12_0_0.eot'); src: url('273E12_0_0.eot?#iefix') format('embedded-opentype'),url('273E12_0_0.woff') format('woff'),url('273E12_0_0.ttf') format('truetype'); }
@font-face { font-family: 'MicrogrammaExtD-Med'; src: url('273E12_1_0.eot'); src: url('273E12_1_0.eot?#iefix') format('embedded-opentype'),url('273E12_1_0.woff') format('woff'),url('273E12_1_0.ttf') format('truetype'); }

/* General Fonts */
p { font-size: 19px; line-height: 26px; font-family: 'AvenirNextLTPro-Cn', sans-serif; letter-spacing: 0.1em; margin-bottom: 2em; }
h1 { font-size: 26px; line-height: 32px; font-family: 'MicrogrammaExtD-Med', sans-serif; margin-bottom: 1.75em; }
h2 { font-size: 16px; line-height: 26px; font-family: 'MicrogrammaExtD-Med', sans-serif; margin-bottom: 2em; }
h3 { font-size: 18px; line-height: 24px; font-family: 'MicrogrammaExtD-Med', sans-serif; margin-bottom: 1em; }
h1,h2,h3 { letter-spacing: 0.1em; }
a, a:hover { color: #fff; text-decoration: none; }


/* General Layout */
body {
	background: #1d1d1d; color: #fff;
	font-weight: normal !important;
	padding-bottom: 4em;
}

header {
	}
	@media (min-width: 960px) { 
		header { 
			height: 786px;
			background: url(../img/bg-body-desk.png) no-repeat center top;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-body-mobile.jpg', sizingMethod='scale');
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-body-mobile.jpg', sizingMethod='scale')";  
		}
		header img { display: none; }
	}

#potty { margin-bottom: 2em; }
	@media (min-width: 768px) {
		#potty p { text-align: center; }
	}

#content { margin: 10px 0 0; padding: 0 20px 0; }
	@media ( min-width: 960px) {
		#content { width: 890px; margin: 10px auto 0; }
	}

.divider { display: block; width: 100%; height: 4px; background: url(../img/divider.gif); margin: 3em 0; clear: both; }

#wrap-copy {}
	@media (min-width: 768px) {
		#wrap-copy #potty { float: left; width: 30%; }
		#copy { width: 60%; float: right; }
	}

	@media (min-width: 960px) {
		#wrap-copy { width: 760px; margin: 0 auto; }
		#wrap-copy #potty { float: left; width: auto; }
		#copy { width: 340px; float: right; }
	}

#footer-info li { display: block; }
	@media (max-width: 568px) {
		#footer-info span { display: block; }
	}
	@media (min-width: 960px) {
		#footer-info li { display: inline-block; *display: inline; zoom: 1; list-style: none; margin: 0 4em 0 0; }
	}