@charset "utf-8";
/* CSS Document */

/* The simple stuff, columns and rows */
*
{
	box-sizing:border-box;
}

.wrapper
{
	width:100%;	
}

.quarter
{
	width:25%;
}

.three-quarter
{
	width:75%;
}

.one-third
{
	width:33%;
}

.two-third
{
	width:66%;
}

.half
{
	width:50%;
}

.full-width
{
	width:100%;
}

/* A couple of height setters */

.mHeight-100px
{
	min-height:100px;	
}

.mHeight-200px
{
	min-height:200px;	
}

.mHeight-300px
{
	min-height:300px;	
}

.mHeight-400px
{
	min-height:400px;	
}

.mHeight-500px
{
	min-height:500px;	
}

.mHeight-600px
{
	min-height:600px;	
}

/* Standard grid elements */

.grid-row
{
	margin:0 auto;
	padding:10px 0;
	max-width:1200px;
	clear:both;	
}

.grid-box
{
	display:inline-block;
	padding-left:20px;
	padding-top:15px;
	vertical-align:top;
}

/* How we handle the more difficult things */

.facebook
{
}

.news-post
{
}

.float-right
{
	float:right;
}

/* "Fear causes hesitation, and hesitation will cause your worst fears to come true." */


@media (min-width: 1600px) 
{
	
}

/* "All right," said Susan. "I'm not stupid. You're saying humans need... fantasies to make life bearable." */

@media (min-width: 1400px)
{
	.one-third
	{
	}
}

/* "I can tell you how to bottle fame, brew glory, and even put a stopper in death." */

@media (min-width: 900px) and (max-width: 1200px)
{
	.grid-row
	{
		margin-right:20px;
	}
}

/* "It is the distant future, the year 2000."  */

@media (min-width: 600px) and (max-width: 900px)
{
	.grid-row
	{
		margin-right:20px;
	}
	
	.quarter
	{
		width:50%;
	}
	
	.three-quarter
	{
		width:100%;
	}
	
	.one-third
	{
		width:50%;
	}
	
	.stacking .one-third
	{
		width:100%;
	}
	
	.two-third
	{
		width:100%;
	}
	
	.half
	{
		width:100%;
	}
	
	.stacking .half
	{
		width:100%;
	}
	
	.full-width
	{
		width:100%;
	}
}

/* "This is Bowie back to Bowie I read you loud and clear, man."  */

@media (min-width:300px) and (max-width: 600px)
{
	.grid-row
	{
		margin-right:20px;
	}
	
	.quarter
	{
		width:50%;
	}
	
	.stacking .quarter
	{
		width:100%;
	}
	
	.three-quarter
	{
		width:100%;
	}
	
	.one-third
	{
		width:100%;
	}
	
	.two-third
	{
		width:100%;
	}
	
	.half
	{
		width:100%;
	}
	
	.stacking .half
	{
		width:100%;
	}
	
	.full-width
	{
		width:100%;
	}
}