/* --------------------------------------------------------------------------
	#Newspaper RWD Grid by Kenneth Arendt Jensen
-------------------------------------------------------------------------- */
   
/* --------------------------------------------------------------------------
   	Page (site container) Setup
-------------------------------------------------------------------------- */
#container {
	position: relative;
	margin: 0;
	width: 100%;
	min-height: 100%;
	overflow:hidden;
}
/*--- Page Holder */
section {
	display: block;
	margin: auto;
	width: 100%;
	height: 100%;
	min-width: 320px;
	max-width: 640px;
}
.content  {
	padding-top: 50px;
	padding-top: 5rem;
	display: block;
	margin: auto 0;
	width: 100%;
	height: auto;
}
/* --------------------------------------------------------------------------
   	Gutter Setup - Offset Fix + Side Gutters must equal 0
-------------------------------------------------------------------------- */
/*--- Page First Child ---*/
.content > * {
	position: relative;
	display: block;
	border:0px solid rgba(0,0,0,0);
    float:left;
	padding: 0 15px 0 15px;
	padding: 0 1.5rem 0 1.5rem;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}
/* --------------------------------------------------------------------------
   	Column - Widths Exsamples
-------------------------------------------------------------------------- */
/* --- Two Column Setup --- 
.one-col 		{ width:   50.000000%; }
.two-col 		{ width:  100.000000%; }
.full 			{ width:  100.000000%; }
*/
/* --- Three Column Setup ---
.one-col 		{ width:   33.333333%; }
.two-col 		{ width:   66.666666%; }
.three-col 		{ width:  100.000000%; }
.full 			{ width:  100.000000%; }
*/
/* --- Four Column Setup --- 
.one-col 		{ width:   25.000000%; }
.two-col 		{ width:   50.000000%; }
.three-col 		{ width:   75.000000%; }
.four-col		{ width:  100.000000%; }
.full	 		{ width:  100.000000%; }
*/

/* --------------------------------------------------------------------------
   	16 Column - Setup
-------------------------------------------------------------------------- */
/*.one { width:  6.25%; }
.two { width: 12.50%; }
.three { width: 18.75%; }
.four { width: 25.00%; }
.five { width: 31.25%; }
.six { width: 37.50%; }
.seven { width: 43.75%; }
.eight { width: 50.00%; }
.nine { width: 56.25%; }
.ten { width: 62.50%; }
.eleven { width: 68.75%; }
.twelve { width: 75.00%; }
.thirteen { width: 81.25%; }
.fourteen { width: 87.50%; }
.fifteen { width: 93.75%; }
.sixteen { margin-left:0; width:100%; }
*/

.one-col					{ width:   33.333333%; }
.two-col					{ width:   66.666666%; }
.one-fifth					{ width:   20.000000%; }
.two-fifth					{ width:   40.000000%; }
.three-fifth				{ width:   60.000000%; }
.four-fifth					{ width:   80.000000%; }	
.half,
.nested_half				{ width:   50.000000%; }	
.full 						{ width:  100.000000%; margin-left: 0; }
/* --------------------------------------------------------------------------
	Media Queries - from 0px - 479px - Mobile Portrait
-------------------------------------------------------------------------- */
@media screen and (min-width: 0em) { /* Standard 16px / 1em reference (min-width px/16px) */
	/* --- Column Widths --- */
	.one-col,
	.two-col,
	.one-quarter,
	.three-quarter,
	.half,	
	.full 					{ width:  100.000000%; margin-left: 0; }
}

/* --------------------------------------------------------------------------
	Media Queries - from 480px - 639px - Mobile Landscape 
-------------------------------------------------------------------------- */
@media screen and (min-width: 30em) { /* Standard 16px / 1em reference (min-width px/16px) */
	
}

/* --------------------------------------------------------------------------
	Media Queries - from 640px - 959px - Tablet Portrait
-------------------------------------------------------------------------- */
@media screen and (min-width: 40em) { /* Standard 16px / 1em reference (min-width px/16px) */
	/* --- Column Widths --- */
	.one-col,
	.two-col,
	.half					{ width:   50.000000%; }
	.full 					{ width:  100.000000%; margin-left: 0; }
}

/* --------------------------------------------------------------------------
	Media queries - from 960px - < - Tablet Landscape & Desktop
-------------------------------------------------------------------------- */
@media screen and (min-width: 60em) { /* Standard 16px / 1em reference (min-width px/16px) */
	/* --- Column Widths --- */
	
}