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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

body {
	background-color: #333333;
	color: #606A74;
	font: 25px/36px "Proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	}	
	
h1 { color: #BFC3C7; font-size: 60px; font-weight: 300; line-height: 65px; letter-spacing: -1px; margin: 0px 0px 10px; }
h2 { color: #FF0000; font-size: 36px; font-weight: 300; line-height: 65px; letter-spacing: -1px; margin: 0px 0px 20px; }
h3 { color: #858D95; font-size: 24px; font-weight: 300; line-height: 65px; letter-spacing: -1px; margin: 20px 0px 0px; }
p { color: #FFF; font-size: 17px; font-weight: 300; line-height: 25px; letter-spacing: 0px; margin: 6px 0px 0px; }
b { font-weight: 600; }

img { border: 1px solid #BFC3C7; }

a { font-size: 20px; border-bottom: 2px solid #2a333b; color: #909EAA; padding-bottom: 3px; text-decoration: none; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;  }
       
a:hover { border-color: #FF8B72;  color: #FFF; }
	
li, li a { color: #FF8B72; }

span.title { display: block; font-size: 18px; margin-top: 40px; }

#container { margin-left: 10%; max-width: 980px; padding-top: 5%; }

#logo { background-image: url(images/logo.png); height: 77px; width: 206px; }
#dimmed { color: #999999; font-size: 13px; }

/* RETINA CSS */
@media all and (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 192dpi) {	
	#logo { background-image: url(images/logo.png); background-size: 206px 77px; }
}

/* RESPONSIVE CSS */
@media only screen 
and (max-width: 767px) {
	body { padding: 0 10%; } #container { margin: 0 auto; padding-top: 12%; width: 100%; }
}