/*
 * #Grid
 */

/*!
 * Based on h5bp clearfix (https://github.com/h5bp/html5-boilerplate)
 * MIT License - https://github.com/h5bp/html5-boilerplate/blob/master/LICENSE.txt
 */

/*
 * Grid layout
 */

.rwd__grid:before,
.rwd__grid:after {
	display: table;
	content: " ";
	line-height: 0;
}

.rwd__grid:after {
	clear: both;
}

/*
 * Grid layout margins
 */

.rwd__grid_margins {
	margin: 2em 0;
}

/*!
 * Skeleton V2.0.4
 * Copyright 2014, Dave Gamache
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 12/29/2014
 */

/**
 * Used http://www.responsivegridsystem.com/calculator/ to calculate the dimensions of some grid rwd__grid_col
 */

/*
 * Grid layout cells
 */

[class*="rwd__grid_col_"] {
	position: relative;
	width: 100%;
	float: left;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

/*
 * Media Queries
 */

@media only screen and (min-width: 769px) {
	/*
	 * Grid layout cells
	 */
	[class*="rwd__grid_col_"] {
		margin-left: 4%;
	}

	[class*="rwd__grid_col_"]:first-child {
		margin-left: 0;
	}

	/*
	 * 1 column in a row
	 */
	.rwd__grid_col_full,
	.rwd__grid_col_1_1 {
		width: 100%;
		margin-left: 0;
	}

	/*
	 * 5 columns in a row
	 */
	.rwd__grid_col_1_5 {
		width: 16.8%;
	}

	.rwd__grid_col_2_5 {
		width: 37.6%;
	}

	.rwd__grid_col_3_5 {
		width: 58.4%;
	}

	.rwd__grid_col_4_5 {
		width: 79.2%;
	}

	.rwd__grid_col_5_5 {
		width: 100%;
		margin-left: 0;
	}

	/*
	 * 12 columns in a row
	 */
	.rwd__grid_col_1_12 {
		width: 4.66666666667%;
	}

	.rwd__grid_col_2_12 {
		width: 13.3333333333%;
	}

	.rwd__grid_col_3_12 {
		width: 22%;
	}

	.rwd__grid_col_4_12 {
		width: 30.6666666667%;
	}

	.rwd__grid_col_5_12 {
		width: 39.3333333333%;
	}

	.rwd__grid_col_6_12 {
		width: 48%;
	}

	.rwd__grid_col_7_12 {
		width: 56.6666666667%;
	}

	.rwd__grid_col_8_12 {
		width: 65.3333333333%;
	}

	.rwd__grid_col_9_12 {
		width: 74.0%;
	}

	.rwd__grid_col_10_12 {
		width: 82.6666666667%;
	}

	.rwd__grid_col_11_12 {
		width: 91.3333333333%;
	}

	.rwd__grid_col_12_12 {
		width: 100%;
		margin-left: 0;
	}

	/*
	 * Offsets
	 */
	/*
	 * 2 columns in a row
	 */
	.rwd__grid_col_1_2_offset {
		margin-left: 52%;
	}

	/*
	 * 3 columns in a row
	 */
	.rwd__grid_col_1_3_offset {
		margin-left: 34.6666666667%;
	}

	.rwd__grid_col_2_3_offset {
		margin-left: 69.3333333333%;
	}

	/*
	 * 12 columns in a row
	 */
	.rwd__grid_col_1_12_offset {
		margin-left: 8.66666666667%;
	}

	.rwd__grid_col_2_12_offset {
		margin-left: 17.3333333333%;
	}

	.rwd__grid_col_3_12_offset {
		margin-left: 26%;
	}

	.rwd__grid_col_4_12_offset {
		margin-left: 34.6666666667%;
	}

	.rwd__grid_col_5_12_offset {
		margin-left: 43.3333333333%;
	}

	.rwd__grid_col_6_12_offset {
		margin-left: 52%;
	}

	.rwd__grid_col_7_12_offset {
		margin-left: 60.6666666667%;
	}

	.rwd__grid_col_8_12_offset {
		margin-left: 69.3333333333%;
	}

	.rwd__grid_col_9_12_offset {
		margin-left: 78.0%;
	}

	.rwd__grid_col_10_12_offset {
		margin-left: 86.6666666667%;
	}

	.rwd__grid_col_11_12_offset {
		margin-left: 95.3333333333%;
	}
}