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

/*  MAIN LAYOUT	============================================================================= */

footer 
{
clear: both;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 20px 0px 10px 0px;
}

/*  SECTIONS  ============================================================================= */

.section 
{
clear: both;
padding: 0px;
margin: 0px;
}
	
/*  CODE  ============================================================================= */

pre.code 
{
padding: 0;
margin: 0;
font-family: monospace;
white-space: pre-wrap;
font-size: 1.1em;
}

strong.code 
{
font-weight: normal;
font-family: monospace;
font-size: 1.2em;
}

/*  COLUMNS  ============================================================================= */

.twocolumns
{
-moz-column-count: 2;
-moz-column-gap: 2em;
-webkit-column-count: 2;
-webkit-column-gap: 2em;
column-count: 2;
column-gap: 2em;
}

/*  GLOBAL OBJECTS ============================================================================= */

.breaker 
{ 
clear: both; 
}

.group:before,
.group:after 
{
content:"";
display:table;
}

.group:after 
{
clear:both;
}

.group 
{
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* 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; 
}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] 
{ 
-webkit-appearance : button; 
}

::-webkit-input-placeholder 
{
font-size : .875em; 
line-height : 1.4; 
}

input:-moz-placeholder 
{ 
font-size : .875em; 
line-height : 1.4; 
}

.ie7 img,
.iem7 img 
{ 
-ms-interpolation-mode : bicubic; 
}

input[type="checkbox"], 
input[type="radio"] 
{ 
box-sizing : border-box; 
}

input[type="search"] 
{ 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; 
}

button::-moz-focus-inner, 
input::-moz-focus-inner 
{ 
padding : 0;
border : 0; 
}

p 
{
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; 
}