/*
* Typography
*/
/*
  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 {
  max-width: 980px;
}

/* 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,
.grid-13,
.grid-14,
.grid-15,
.grid-16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

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

.container div.first {
  margin-left: 0;
}

.container div.last {
  margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

.container .grid-13 {
	width:79.25%;
}

.container .grid-14 {
	width:85.5%;
}

.container .grid-15 {
	width:91.75%;
}

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


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


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

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

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

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

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

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

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

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

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

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

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

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

.container .prefix-13 {
	padding-left:81.25%;
}

.container .prefix-14 {
	padding-left:87.5%;
}

.container .prefix-15 {
	padding-left:93.75%;
}


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


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

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

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

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

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

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

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

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

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

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

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

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

.container .suffix-13 {
	padding-right:81.25%;
}

.container .suffix-14 {
	padding-right:87.5%;
}

.container .suffix-15 {
	padding-right:93.75%;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


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

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

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

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

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

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

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

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

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

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

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

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

.container .push-13 {
	left:81.25%;
}

.container .push-14 {
	left:87.5%;
}

.container .push-15 {
	left:93.75%;
}


/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


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

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

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

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

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

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

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

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

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

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

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

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

.container .pull-13 {
	left:-81.25%;
}

.container .pull-14 {
	left:-87.5%;
}

.container .pull-15 {
	left:-93.75%;
}

/* Mobile sizes and down */
@media only screen and (max-width: 767px) {

  .container .grid-1,
  .container .grid-2,
  .container .grid-3,
  .container .grid-4,
  .container .grid-5,
  .container .grid-6,
  .container .grid-7,
  .container .grid-8,
  .container .grid-9,
  .container .grid-10,
  .container .grid-11,
  .container .grid-12,
  .container .grid-13,
  .container .grid-14,
  .container .grid-15,
  .container .grid-16 {
    display: block;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }

  .container .prefix-1,
  .container .prefix-2,
  .container .prefix-3,
  .container .prefix-4,
  .container .prefix-5,
  .container .prefix-6,
  .container .prefix-7,
  .container .prefix-8,
  .container .prefix-9,
  .container .prefix-10,
  .container .prefix-11,
  .container .prefix-12,
  .container .prefix-13,
  .container .prefix-14 {
    padding-left: 0;
  }

  .container .suffix-1,
  .container .suffix-2,
  .container .suffix-3,
  .container .suffix-4,
  .container .suffix-5,
  .container .suffix-6,
  .container .suffix-7,
  .container .suffix-8,
  .container .suffix-9,
  .container .suffix-10,
  .container .suffix-11,
  .container .suffix-12,
  .container .suffix-13,
  .container .suffix-14 {
    padding-right: 0;
  }

  .container .push-1,
  .container .push-2,
  .container .push-3,
  .container .push-4,
  .container .push-5,
  .container .push-6,
  .container .push-7,
  .container .push-8,
  .container .push-9,
  .container .push-10,
  .container .push-11,
  .container .push-12,
  .container .push-13,
  .container .push-14,
  .container .pull-1,
  .container .pull-2,
  .container .pull-3,
  .container .pull-4,
  .container .pull-5,
  .container .pull-6,
  .container .pull-7,
  .container .pull-8,
  .container .pull-9,
  .container .pull-10,
  .container .pull-11,
  .container .pull-12,
  .container .pull-13,
  .container .pull-14 {
    left: auto;
  }

}