/* RESPONSIVE GRID SYSTEM =============================================================================  */



/* BASIC PAGE SETUP ============================================================================= */

body { 
font : 100%/1.4 'flamabook', helvetica, arial, sans-serif; 	
}


/*  HEADINGS  ============================================================================= */


h1 { 
margin-bottom : 0.2em;
font-size : 6em; /* 96 / 16 */
line-height : 1.4;
}


h2 { 
margin-bottom : .5em;
margin-top : .5em;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.2;
}

h3 { 
margin-bottom : 0.3em;
font-size : 1.75em; /* 28 / 16 */
line-height : 1.3; }


h4 { 
margin-bottom : 0.5em;
font-size : 1.5em; /* 24 / 16  */
line-height : 1.25; }

h5 { 
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */ }

h6 { 
font-size : 1em; /* 16 / 16  */ }

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */
text-align: left; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 2px; 
border : 0; 
border-top : 2px solid #eee;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }