/*
	Fluid Baseline Grid v1.0.0
	Designed & Built by Josh Hopkins and 40 Horse, http://40horse.com	
	Licensed under Unlicense, http://unlicense.org/	
	Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness
*/

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header {background: black;}, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

/* BASE */
html { font-size: 100%;  -webkit-text-size-adjust: none; font-family: helveticaneueregular, sans-serif;} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased;}
header {background: black;}
#content{overflow: auto; height: 100%; padding: 0px 20px; margin: 0px 0px 40px}
.row {overflow: auto; height: 100%; padding: 0px 0px 25px;}
footer {background: black; padding: 10px 20px; margin: 0px 0px 15px;}
.clearfix {clear: both;}
 /* Improve default text rendering, handling of kerning pairs and ligatures */



/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {font-size: 12px; color: #333} /* IE7 and older can't resize px based text */
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img {margin: 0; padding: 0}

/* TYPOGRAPHY */
h1, h3, h5, h6 {color:#ffffff;  margin: 0; font-weight: normal;}



/* HYPERLINKS */
a {text-decoration: none; color:#ffffff}
a:hover {text-decoration: underline}
a:focus {outline: thin dotted}
a:hover, a:active {outline: none} /* Better CSS Outline Suppression */


/* DEFAULT MOBILE STYLE */
body {width: 92%; margin: auto; max-width: 700px;} /* Center page without wrapper */
header {background: black; margin: 15px 0px;padding: 20px;overflow: auto; height: 100%;}
        .black {background: black;}
        #content .g1{width: 98%;}
        #content .g2{width: 98%;}
        #content .g3{width: 92%;}
	/* column grid */
	.g1,.g2,.g3{display:block; position: relative; margin-left: 1%; margin-right: 1%; }
	#content .g1 {margin-top: 40px; font-weight: normal;}
	h1 {font-size: 175px; font-family: helveticaneuebold, sans-serif;margin-left: -13px; line-height: .85; -webkit-transition: font-size .5s;  -moz-transition: font-size .5s; transition: font-size .5s;}
	h2 {font-size: 23px; font-family: helveticaneueroman, sans-serif;margin-left: -13px; line-height: .95; -webkit-transition: font-size .5s;  -moz-transition: font-size .5s; transition: font-size .5s;}
       h3 {font-size: 35px; font-family: helveticaneueultralight; line-height: 1; -webkit-transition: font-size .5s;  -moz-transition: font-size .5s; transition: font-size .5s;}
h4 {font-size: 18px; font-family: helveticaneueroman, sans-serif;margin-left: -13px; line-height: .95; -webkit-transition: font-size .5s;  -moz-transition: font-size .5s; transition: font-size .5s;}

       .g1 p {font-size: 20px; font-family: helveticaneue, sans-serif; padding: 0px 0px 25px; line-height: 1; -webkit-transition: font-size .5s;  -moz-transition: font-size .5s; transition: font-size .5s;}
       .g2 p {font-size: 20px; font-family: helveticaneue, sans-serif; padding: 0px 0px 25px; line-height: 1; -webkit-transition: font-size .5s; -moz-transition: font-size .5s; transition: font-size .5s;}
	footer {font-size: 15px; }


/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px			- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

/* SMALL TABLET */
@media only screen and (min-width: 700px) {
        #content .g1{width: 53%;}
        #content .g2{width: 43%;}
        #content .g3{width: 92%;}
        .extra-space {margin-bottom: 27px}
	header {margin-top: 40px;}
        h1 {font-size: 235px; font-family: helveticaneuebold, sans-serif;margin-left: -13px; line-height: .85; -webkit-transition: font-size .5s;  -moz-transition: font-size .5s; transition: font-size .5s;}
         h3 {font-size: 47px; font-family: helveticaneuelight, sans-serif; line-height: 1; -webkit-transition: font-size .5s;  -moz-transition: font-size .5s; transition: font-size .5s;}
	#content .g1,#content .g2,#content .g3{display:block; position: relative; margin-left: 1%; margin-right: 1%; margin-top: 40px; font-weight: normal;}
        .g1 p {font-size: 25px; font-family: helveticaneue, sans-serif; padding: 0px 0px 25px; line-height: 1; -webkit-transition: font-size .5s;  -moz-transition: font-size .5s; transition: font-size .5s;}
        .g2 p {font-size: 25px; padding: 0px 0px 25px; line-height: 1; -webkit-transition: font-size .5s;  -moz-transition: font-size .5s; transition: font-size .5s;}
	footer {margin: 0px 0px 40px; font-size: 20px;}
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
        header {background: black;}
	
	/* COLUMN GRID */
	.g1,.g2,.g3 {display:inline; float: left}
	
	/* 2 COLUMN GRID */
	.g1 {width:48.0%}
	.g2 {width:48.0%}
	.g3 {width:92.0%}
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
	/* 2 COLUMN GRID */
	.g1 {width:48.0%}
	.g2 {width:48.0%}
	.g3 {width: 92.0%;}
}
@media only screen and (min-width: 1280px) { 
/* DESKTOP */
        header {background: black;}
        .black {background: black;}
}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) { 
	body {font-size:116.75%; max-width: 700px;}  /* 18.5px / 28px */
	header {background: black; margin: 40px 0px 15px; padding: 20px; overflow: auto; height: 100%;}
        .black {background: black;}
        #content .g1{width:53%;}
        #content .g2{width:43%;}
    
  
}


/* PRINT */
@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */
  a, a:visited {color: #444 !important; text-decoration: underline}
  a[href]:after {content: " (" attr(href) ")"}
  abbr[title]:after {content: " (" attr(title) ")"}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}  /* Don't print links for images, javascript or internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  tr, img {page-break-inside: avoid; }
  img {max-width: 100% !important; }
  @page {margin: 0.5cm}
  p, h2, h3 {orphans: 3; widows: 3}
  h2, h3{page-break-after: avoid}
}