/*-----------------------------------*\

	Toast
	A Simple CSS Framework
	=================================

	Values you may want to change:
	- .container { max-width:; }
	- p { margin-bottom:; }
	- html { font:; }

	Remember: no framework will be as
	good as a custom built, per-
	project	one. Toast and other
	frameworks are best used for
	rapid prototyping.

\*-----------------------------------*/

/*-----------------------------------*\
	$RESET
\*-----------------------------------*/

* {
	margin: 0;
	padding: 0;
	/*position: relative;*/
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/*-----------------------------------*\
	$GRID
\*-----------------------------------*/

.container {
	/* Whatever you want. They’re your oats. */
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 30px;
	padding: 0 1.5rem;
        position: relative;
}

.grid {
	margin-left: -3%;
	max-width: 105%;
        position: relative;
        /*overflow: hidden;*/
}

.unit {
        position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-left: 3%;
	margin-right: -.25em;
	/* Clearfix */
	/*overflow: hidden;*/
	/**overflow: visible;*/
}

.s12 {
	width: 97%;
}

.s1of2 { width: 47%; }

.s1of3 { width: 30.36%; }
.s2of3 { width: 63.64%; }

.s1of4 { width: 23.5%; }
.s2of4 { width: 47%; }
.s3of4 { width: 70.5%; }

.s1of5 { width: 18.8%; }
.s2of5 { width: 37.6%; }
.s3of5 { width: 56.4%; }
.s4of5 { width: 75.2%; }

.s1of6 { width: 15.66%; }
.s2of6 { width: 31.33%; }
.s3of6 { width: 47%; }
.s4of6 { width: 62.67%; }
.s5of6 { width: 78.34%; }

.s1of7 { width: 13.42%; }
.s2of7 { width: 26.85%; }
.s3of7 { width: 40.28%; }
.s4of7 { width: 53.72%; }
.s5of7 { width: 67.15%; }
.s6of7 { width: 80.58%; }

.s1of8   { width: 11.75%; }
.s2of8   { width: 23.5%; }
.s3of8 { width: 35.25%; }
.s4of8  { width: 47%; }
.s5of8  { width: 58.75%; }
.s6of8   { width: 70.5%; }
.s7of8   { width: 82.25%; }

.s1of9   { width: 10.44%; }
.s2of9   { width: 20.88%; }
.s3of9 { width: 31.33%; }
.s4of9  { width: 41.77%; }
.s5of9  { width: 52.23%; }
.s6of9   { width: 62.67%; }
.s7of9 { width: 73.12%; }
.s8of9 { width: 83.56%; }

.s1of10   { width: 9.40%; }
.s2of10   { width: 18.80%; }
.s3of10 { width: 28.20%; }
.s4of10  { width: 37.60%; }
.s5of10  { width: 47%; }
.s6of10   { width: 56.40%; }
.s7of10 { width: 65.80%; }
.s8of10 { width: 75.20%; }
.s9of10  { width: 84.60%; }

.s1of11   { width: 7.70%; }
.s2of11   { width: 17.09%; }
.s3of11 { width: 23.25%; }
.s4of11  { width: 34.18%; }
.s5of11  { width: 42.72%; }
.s6of11   { width: 51.28%; }
.s7of11 { width: 59.82%; }
.s8of11 { width: 68.37%; }
.s9of11  { width: 76.91%; }
.s10of11   { width: 85.46%; }

.s1of12   { width: 7.83%; }
.s2of12   { width: 15.66%; }
.s3of12 { width: 23.85%; }
.s4of12  { width: 30.46%; }
.s5of12  { width: 39.16%; }
.s6of12   { width: 47%; }
.s7of12 { width: 54.84%; }
.s8of12 { width: 62.67%; }
.s9of12  { width: 70.5%; }
.s10of12   { width: 78.34%; }
.s11of12 { width: 86.17%; }


@media screen and (max-width: 768px) {
	.grid {
		margin-left: 0;
		max-width: none;
	}

	.unit {
		width: auto;
		margin-left: 0;
		display: block;
	}
}

.unit.visible {overflow: visible !important;}

/* -----------------------------------
	$TYPE

	Works off the assumption of a 1.5
	line height @ 20px. Again, change
	as necessary.
----------------------------------- */

/*p, .p, ul, ol, hr, table, form, pre,
h1, .alpha, h2, .beta {
	margin-bottom: 30px;
	margin-bottom: 1.5rem;
}

h1, .alpha {
	font-size: 60px;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
}

h2, .beta {
	font-size: 30px;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2;
}

h3, .gamma {
	font-size: 20px;
	font-size: 1rem;
	font-weight: 700;
}

hr {
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin-top: -1px;
}*/

/*-----------------------------------
	$MAIN
----------------------------------- */

/*html {
	font: 125%/1.5 monospace, cursive, Tahoma, Verdana, Arial, sans-serif;
}
body  {
        color:#000;
}

@media screen and (max-width: 650px) {
	html {
		font-size: 100%;
	}
}*/