/*	CSSGrid
 *  https://github.com/crowdfavorite/css-grid
 *	License: http://opensource.org/licenses/mit-license.php  */

/** grid foundation
 -------------------------------------------------- */
.grid {
	margin: 0 auto;
	/* this makes the page wide but keeps content away from the edge
	padding: 0 12px;*/
}

/* fluid media */
.row img,
.row object,
.row embed,
.row video {
	height: auto;
	max-width: 100%;
}

/* Full-width
These classes are not included in column float definitions, since they don't
have either margin or fixed width. Including display:block and width styles
so these classes can be used on non-block-level elements. */
.c6-123456,
.c4-1234 {
	display: block;
	min-height: 1px;
	width: auto;

}

 /* Single-column mobile first styles fluid single column. */
.c4-1,.c4-2,.c4-3,.c4-4,.c4-12,.c4-123, .c4-23,.c4-234,.c4-34,
.c6-1,.c6-2,.c6-3,.c6-4,.c6-5,.c6-6,
.c6-12,.c6-123,.c6-1234,.c6-12345,
.c6-23,.c6-234,.c6-2345,.c6-23456,
.c6-34,.c6-345,.c6-3456,
.c6-45,.c6-456,.c6-56 {
	display: block;
	float: none;
	width: auto;
}


/* Medium-sized grid for tablet portrait */
@media only screen and (min-width: 768px) {
	.grid {
		padding: 0 10px;
		width: 748px;
	}

	.c4-1,.c4-2,.c4-3,.c4-4,.c4-12,.c4-123, .c4-23,.c4-234,.c4-34,
	.c6-1,.c6-2,.c6-3,.c6-4,.c6-5,.c6-6,
	.c6-12,.c6-123,.c6-1234,.c6-12345,
	.c6-23,.c6-234,.c6-2345,.c6-23456,
	.c6-34,.c6-345,.c6-3456,
	.c6-45,.c6-456,.c6-56 {
		display: block; /* IE6/IE7 double-margin float bug fix */
		float: left;
		margin-left: 20px;
		/* Prevent collapsing of empty columns. Min-height prevents collapse
		everywhere but IE6. IE6 doesn't collapse empty columns anyhow, so no need
		for a fix there. */
		min-height: 1px;
	}

	/* sixths */
	.c6-1,.c6-2,.c6-3,.c6-4,.c6-5,.c6-6 { width: 108px; }
	/* quarters */
	.c4-1,.c4-2,.c4-3,.c4-4 { width: 172px; }
	/* thirds */
	.c6-12,.c6-23,.c6-34,.c6-45,.c6-56 { width: 236px; }
	/* halves */
	.c4-12,.c4-23,.c4-34,
	.c6-123,.c6-234,.c6-345,.c6-456 { width: 364px; }
	/* two-thirds */
	.c6-1234,.c6-2345,.c6-3456 { width: 492px; }
	/* three-quarters */
	.c4-123,.c4-234 { width: 556px; }
	/* five-sixths */
	.c6-12345,.c6-23456 { width: 620px; }


	/* zeroing out leftmost.unit margins */
	.c6-1,.c6-12,.c6-123,.c6-1234,.c6-12345,
	.c4-1,.c4-12,.c4-123 {
		margin-left: 0;
	}
	/* zeroing out leftmost nested .unit margins */
	.c6-2 .c6-2,.c6-23 .c6-2,.c6-23 .c6-23,.c6-234 .c6-2,.c6-234 .c6-23,.c6-234 .c6-234,.c6-2345 .c6-2,.c6-2345 .c6-23,.c6-2345 .c6-234,.c6-2345 .c6-2345,.c6-23456 .c6-2,.c6-23456 .c6-23,.c6-23456 .c6-234,.c6-23456 .c6-2345,.c6-23456 .c6-23456,
	.c6-3 .c6-3,.c6-34 .c6-3,.c6-34 .c6-34,.c6-345 .c6-3,.c6-345 .c6-34,.c6-345 .c6-345,.c6-3456 .c6-3,.c6-3456 .c6-34,.c6-3456 .c6-345,.c6-3456 .c6-3456,
	.c6-4 .c6-4,.c6-45 .c6-4,.c6-45 .c6-45,.c6-456 .c6-4,.c6-456 .c6-45,.c6-456 .c6-456,
	.c6-5 .c6-5,.c6-56 .c6-5,.c6-56 .c6-56,
	.c6-6 .c6-6,
	.c4-2 .c4-2,.c4-23 .c4-2,.c4-23 .c4-23,.c4-234 .c4-2,.c4-234 .c4-23,.c4-234 .c4-234,
	.c4-3 .c4-3,.c4-34 .c4-3,.c4-34 .c4-34 {
		margin-left: 0;
	}

}

/* Large desktop grid. */
@media only screen and (min-width: 1024px) {
	.grid {
		padding: 0 10px;
		width: 990px;
	}

	.c4-1,.c4-2,.c4-3,.c4-4,.c4-12,.c4-123, .c4-23,.c4-234,.c4-34,
	.c6-1,.c6-2,.c6-3,.c6-4,.c6-5,.c6-6,
	.c6-12,.c6-123,.c6-1234,.c6-12345,
	.c6-23,.c6-234,.c6-2345,.c6-23456,
	.c6-34,.c6-345,.c6-3456,
	.c6-45,.c6-456,.c6-56 {
		display: inline; /* IE6/IE7 double-margin float bug fix */
		float: left;
		margin-left: 30px;
		/* Prevent collapsing of empty columns. Min-height prevents collapse
		everywhere but IE6. IE6 doesn't collapse empty columns anyhow, so no need
		for a fix there. */
		min-height: 1px;
	}

	/* sixths */
	.c6-1,.c6-2,.c6-3,.c6-4,.c6-5,.c6-6 { width: 140px; }
	/* quarters */
	.c4-1,.c4-2,.c4-3,.c4-4 { width: 225px; }
	/* thirds */
	.c6-12,.c6-23,.c6-34,.c6-45,.c6-56 { width: 310px; }
	/* halves */
	.c4-12,.c4-23,.c4-34,
	.c6-123,.c6-234,.c6-345,.c6-456 { width: 480px; }
	/* two-thirds */
	.c6-1234,.c6-2345,.c6-3456 { width: 650px; }
	/* three-quarters */
	.c4-123,.c4-234 { width: 735px; }
	/* five-sixths */
	.c6-12345,.c6-23456 { width: 820px; }


	/* repeating because IE8 (along w/respond.js) is a trouble maker */
	/* zeroing out leftmost.unit margins */
	.c6-1,.c6-12,.c6-123,.c6-1234,.c6-12345,
	.c4-1,.c4-12,.c4-123 {
		margin-left: 0;
	}
	/* zeroing out leftmost nested .unit margins */
	.c6-2 .c6-2,.c6-23 .c6-2,.c6-23 .c6-23,.c6-234 .c6-2,.c6-234 .c6-23,.c6-234 .c6-234,.c6-2345 .c6-2,.c6-2345 .c6-23,.c6-2345 .c6-234,.c6-2345 .c6-2345,.c6-23456 .c6-2,.c6-23456 .c6-23,.c6-23456 .c6-234,.c6-23456 .c6-2345,.c6-23456 .c6-23456,
	.c6-3 .c6-3,.c6-34 .c6-3,.c6-34 .c6-34,.c6-345 .c6-3,.c6-345 .c6-34,.c6-345 .c6-345,.c6-3456 .c6-3,.c6-3456 .c6-34,.c6-3456 .c6-345,.c6-3456 .c6-3456,
	.c6-4 .c6-4,.c6-45 .c6-4,.c6-45 .c6-45,.c6-456 .c6-4,.c6-456 .c6-45,.c6-456 .c6-456,
	.c6-5 .c6-5,.c6-56 .c6-5,.c6-56 .c6-56,
	.c6-6 .c6-6,
	.c4-2 .c4-2,.c4-23 .c4-2,.c4-23 .c4-23,.c4-234 .c4-2,.c4-234 .c4-23,.c4-234 .c4-234,
	.c4-3 .c4-3,.c4-34 .c4-3,.c4-34 .c4-34 {
		margin-left: 0;
	}

}


/** grid utilities
 -------------------------------------------------- */
/* Row Clearfix
Uses variation of Nicolas Gallagher's Micro Clearfix.
http://nicolasgallagher.com/micro-clearfix-hack/ */
.row:before,
.row:after {
	content:"";
	display:table;
}
.row:after {
	clear:both;
}
.row {
	/* Just in case: make sure that rows clear outside floats. */
	clear: both;
	/* For IE 6/7 (trigger hasLayout) */
	zoom:1;
}

/** grid helper classes
 -------------------------------------------------- */
/* Set overflow:hidden to crop overflow content.
Good for user-generated content. Use this class if you want to support IE6 -- it has issues with overflow.
Example usage: .grid.hideoverflow. */
.hideoverflow .c6-1, .hideoverflow .c6-2, .hideoverflow .c6-3, .hideoverflow .c6-4, .hideoverflow .c6-5, .hideoverflow .c6-6,
.hideoverflow .c4-1, .hideoverflow .c4-2, .hideoverflow .c4-3, .hideoverflow .c4-4,
.hideoverflow .c6-12, .hideoverflow .c6-123, .hideoverflow .c6-1234, .hideoverflow .c6-12345, .hideoverflow .c6-123456,
.hideoverflow .c6-23, .hideoverflow .c6-234, .hideoverflow .c6-2345, .hideoverflow .c6-23456,
.hideoverflow .c6-34, .hideoverflow .c6-345, .hideoverflow .c6-3456,
.hideoverflow .c6-45, .hideoverflow .c6-456, .hideoverflow .c6-56,
.hideoverflow .c4-12, .hideoverflow .c4-123, .hideoverflow .c4-1234,
.hideoverflow .c4-23, .hideoverflow .c4-234,
.hideoverflow .c4-34 {
	overflow: hidden;
}

.row {margin-bottom: 10px}