/* for 768+ width, iPad portrait */
@media screen and (min-width: 48em) {

	/*
		Variable Grid System (Fluid Version).
		Learn more ~ http://www.spry-soft.com/grids/
		Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

		Licensed under GPL and MIT.
	*/


	/* Containers
	----------------------------------------------------------------------------------------------------*/
	/*
	.container {
		width: 82%;
		margin-left: 9%;
		margin-right: 9%;
	}
	*/

	/* Grid >> Global
	----------------------------------------------------------------------------------------------------*/

	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-7,
	.grid-8,
	.grid-9,
	.grid-10,
	.grid-11,
	.grid-12 {
		display:inline;
		float: left;
		position: relative;
		margin-left: 1%;
		margin-right: 1%;
	}

	/* Grid >> Children (Alpha ~ First, Omega ~ Last)
	----------------------------------------------------------------------------------------------------*/

	.alpha {
		margin-left: 0;
	}

	.omega {
		margin-right: 0;
	}

	/* Grid >> 12 Columns
	----------------------------------------------------------------------------------------------------*/


	.container .grid-1 {
		width:6.333%;
	}

	.container .grid-2 {
		width:14.667%;
	}

	.container .grid-3 {
		width:23.0%;
	}

	.container .grid-4 {
		width:31.333%;
	}

	.container .grid-5 {
		width:39.667%;
	}

	.container .grid-6 {
		width:48.0%;
	}

	.container .grid-7 {
		width:56.333%;
	}

	.container .grid-8 {
		width:64.667%;
	}

	.container .grid-9 {
		width:73.0%;
	}

	.container .grid-10 {
		width:81.333%;
	}

	.container .grid-11 {
		width:89.667%;
	}

	.container .grid-12 {
		width:98.0%;
	}



	/* Prefix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/


	.container .prefix-1 {
		padding-left:8.333%;
	}

	.container .prefix-2 {
		padding-left:16.667%;
	}

	.container .prefix-3 {
		padding-left:25.0%;
	}

	.container .prefix-4 {
		padding-left:33.333%;
	}

	.container .prefix-5 {
		padding-left:41.667%;
	}

	.container .prefix-6 {
		padding-left:50.0%;
	}

	.container .prefix-7 {
		padding-left:58.333%;
	}

	.container .prefix-8 {
		padding-left:66.667%;
	}

	.container .prefix-9 {
		padding-left:75.0%;
	}

	.container .prefix-10 {
		padding-left:83.333%;
	}

	.container .prefix-11 {
		padding-left:91.667%;
	}



	/* Suffix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/


	.container .suffix-1 {
		padding-right:8.333%;
	}

	.container .suffix-2 {
		padding-right:16.667%;
	}

	.container .suffix-3 {
		padding-right:25.0%;
	}

	.container .suffix-4 {
		padding-right:33.333%;
	}

	.container .suffix-5 {
		padding-right:41.667%;
	}

	.container .suffix-6 {
		padding-right:50.0%;
	}

	.container .suffix-7 {
		padding-right:58.333%;
	}

	.container .suffix-8 {
		padding-right:66.667%;
	}

	.container .suffix-9 {
		padding-right:75.0%;
	}

	.container .suffix-10 {
		padding-right:83.333%;
	}

	.container .suffix-11 {
		padding-right:91.667%;
	}



	/* Push Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/


	.container .push-1 {
		left:8.333%;
	}

	.container .push-2 {
		left:16.667%;
	}

	.container .push-3 {
		left:25.0%;
	}

	.container .push-4 {
		left:33.333%;
	}

	.container .push-5 {
		left:41.667%;
	}

	.container .push-6 {
		left:50.0%;
	}

	.container .push-7 {
		left:58.333%;
	}

	.container .push-8 {
		left:66.667%;
	}

	.container .push-9 {
		left:75.0%;
	}

	.container .push-10 {
		left:83.333%;
	}

	.container .push-11 {
		left:91.667%;
	}



	/* Pull Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/


	.container .pull-1 {
		left:-8.333%;
	}

	.container .pull-2 {
		left:-16.667%;
	}

	.container .pull-3 {
		left:-25.0%;
	}

	.container .pull-4 {
		left:-33.333%;
	}

	.container .pull-5 {
		left:-41.667%;
	}

	.container .pull-6 {
		left:-50.0%;
	}

	.container .pull-7 {
		left:-58.333%;
	}

	.container .pull-8 {
		left:-66.667%;
	}

	.container .pull-9 {
		left:-75.0%;
	}

	.container .pull-10 {
		left:-83.333%;
	}

	.container .pull-11 {
		left:-91.667%;
	}




	/* Clear Floated Elements
	----------------------------------------------------------------------------------------------------*/

	/* http://sonspring.com/journal/clearing-floats */

	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	.clearfix {
		display: inline-block;
	}

	* html .clearfix {
		height: 1%;
	}

	.clearfix {
		display: block;
	}

}