/* ==========================================================================
   > 600px
   ========================================================================== */

@media screen and (min-width: 37.5em) {
	/* Headings: base 20px @ scale 1:1.25 */
	.giga {
		font-size: 5.961rem;
	}
		
	.mega {
		font-size: 4.768rem;
	}
		
	.kilo {
		font-size: 3.815rem;
	}
	
	h1,
	.alpha {
		font-size: 3.052rem;
	}
	
	h2,
	.beta {
		font-size: 2.441rem;
	}
	
	h3,
	.gamma {
		font-size: 1.953rem;
	}
	
	h4,
	.delta {
		font-size: 1.563rem;
	}
	
	h5,
	.epsilon {
		font-size: 1.25rem;
	}
	
	
	/* Paragraphs, lists */
	p {
		line-height: 1.45;
	}

	/* Forms */
	
	.submit-d {
		width: auto;
		min-width: 7em;
	}
	
	/* Inline controls */
	
	.form-row {
		margin-bottom: 2.5em;
	}
	
	.control-item {
		float: left;
		margin-bottom: 0;
		padding-right: 1.5%;
	}
	
	
	/* Button groups */
	
	.button-group,
	.control-group  {
		margin-bottom: 0;
	}
	
	/* Form grid */
	
	.control-span-12_12 {
		width: 100%;
	}
	
	.control-span-10_12 {
		width: 83.333%;
	}	
	
	.control-span-8_12 {
		width: 66.666%;
	}
	
	.control-span-6_12 {
		width: 50%;
	}
	
	.control-span-4_12 {
		width: 33.333%;
	}
	
	.control-span-3_12 {
		width: 25%;
	}
		
	.control-span-2_12 {
		width: 16.666%;
	}
	
	.secondary-action {
		margin-top: .8em;
		margin-left: 1.5em;
	}
			
	/* Layout */
	
	/* Column grid */
	
	.column-span {
		float: left;
		padding-right: 2em;
	}
	
	.column-span-m-12_12 {
		width: 100%;
	}
	
	.column-span-m-10_12 {
		width: 83.333%;
	}	
	
	.column-span-m-8_12 {
		width: 66.666%;
	}
	
	.column-span-m-6_12 {
		width: 50%;
	}
	
	.column-span-m-4_12 {
		width: 33.333%;
	}
	
	.column-span-m-3_12 {
		width: 25%;
	}
		
	.column-span-m-2_12 {
		width: 16.666%;
	}
	
	/* Grid overlay */
	[class*="col-"] {
		width: 5%;
		margin-left: 3.636%;
	}

	.col-t-2 { width:13.636%; }
	.col-t-3 { width:22.272%; }
	.col-t-4 { width:30.908%; }
	.col-t-6 { width:48.018%; }
	.col-t-7 { width:56.816%; }
	.col-t-8 { width:62.452%; }
	.col-t-9 { width:71.088%; }
	.col-t-10 { width:82.728%; }
	.col-t-12 { width:100%; }

	.offset-2 { margin-left:17.272%; }
	.offset-4 { margin-left:34.544%; }
}


/* ==========================================================================
   > 1000px
   ========================================================================== */

@media screen and (min-width: 62.5em) {
	/* Headings: base 20px @ scale 1:1.333 */
	.giga {
		font-size: 9.969rem;
	}
	
	.mega {
		font-size: 7.478rem;
	}
		
	.kilo {
		font-size: 5.61rem;
	}
		
	h1,
	.alpha {
		font-size: 4.209rem;
	}
	
	h2,
	.beta {
		font-size: 3.157rem;
	}
	
	h3,
	.gamma {
		font-size: 2.369rem;
	}
	
	h4,
	.delta {
		font-size: 1.777rem;
	}
	
	h5,
	.epsilon {
		font-size: 1.333rem;
	}
	
	/* Layout */
	
	.column-span-g-12_12 {
		width: 100%;
	}
	
	.column-span-g-10_12 {
		width: 83.333%;
	}	
	
	.column-span-g-8_12 {
		width: 66.666%;
	}
	
	.column-span-g-6_12 {
		width: 50%;
	}
	
	.column-span-g-4_12 {
		width: 33.333%;
	}
	
	.column-span-g-3_12 {
		width: 25%;
	}
		
	.column-span-g-2_12 {
		width: 16.666%;
	}
	
	.col-2 { width:15%; }
	.col-3 { width:23.5%; }
	.col-4 { width:32%; }
	.col-6 { width:49%; }
	.col-7 { width:57.5%; }
	.col-8 { width:66%; }
	.col-10 { width:83%; }

	.offset-2 { margin-left:17%; }
	.offset-4 { margin-left:34%; }
}

/* ==========================================================================
   > 1400px
   ========================================================================== */

@media screen and (min-width: 87.5em) {
	html {
		/*font-size: 1.25em;*/
	}
}