/*
* 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
*/

.container {
	position: relative;
	width: 100%;
	min-width: 1240px;
	/*width: 1200px;
	margin: 0 auto;*/
	padding: 0px 20px;
	box-sizing: border-box;
}

.container_fluid {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}

.container_fixed {
	position: relative;
	float: left;
	width: 1200px;
}

.column, .columns {
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.column,
.columns {
	margin-left: 1%;
}

/*.container-content .column,
.container-content .columns {
	margin-left: .8%;
}*/

.column:first-child,
.columns:first-child {
	margin-left: 0;
}

.column.alpha, .columns.alpha {
	margin-left: 0px;
}

.column.omega, .columns.omega {
	margin-right: 0px;
}

.row {
	margin-bottom: 10px;
}

.container-margin {
	margin-left: 15px;
	margin-right: 15px;
}

.column > .row:last-child,
.columns > .row:last-child,
.container-margin > .row:last-child {
	margin-bottom: 0px;
}


/* original 12 column grid with 4% gutter width
  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }
*/

.one.column,
.one.columns					{ width: 5.3125%;	}
.two.columns,
.container-two-columns			{ width: 11.625%;	}
.three.columns					{ width: 17.9375%;	}
.four.columns,
.container-four-columns			{ width: 24.25%; 	}
.five.columns					{ width: 30.5625%; 	}
.six.columns					{ width: 36.875%;	}
.seven.columns					{ width: 43.1875%;	}
.eight.columns					{ width: 49.5% 		}
.nine.columns					{ width: 55.8125%;	}
.ten.columns					{ width: 62.125%; 	}
.eleven.columns					{ width: 68.4375% 	}
.twelve.columns					{ width: 74.75%		}
.thirteen.columns				{ width: 81.0625%	}
.fourteen.columns				{ width: 87.375%	}
.fifteen.columns				{ width: 93.6875%	}
.sixteen.columns				{ width: 100%; margin-left: 0; }

.one-third.column				{ width: 32.6666666667%; }
.two-thirds.column				{ width: 65.3333333333%; }

.one-half.column				{ width: 49.5%; }

  /* Offsets */
.offset-by-one.column,
.offset-by-one.columns			{ margin-left: 7.3125%;		}
.offset-by-two.column,
.offset-by-two.columns			{ margin-left: 12.625%;		}
.offset-by-three.column,
.offset-by-three.columns		{ margin-left: 18.9375%;	}
.offset-by-four.column,
.offset-by-four.columns			{ margin-left: 26.25%;		}
.offset-by-five.column,
.offset-by-five.columns			{ margin-left: 31.5625%;	}
.offset-by-six.column,
.offset-by-six.columns			{ margin-left: 37.875%;		}
.offset-by-seven.column,
.offset-by-seven.columns		{ margin-left: 44.1875%;	}
.offset-by-eight.column,
.offset-by-eight.columns		{ margin-left: 50.5%;		}
.offset-by-nine.column,
.offset-by-nine.columns			{ margin-left: 57.8125%;	}
.offset-by-ten.column,
.offset-by-ten.columns			{ margin-left: 63.125%;		}
.offset-by-eleven.column,
.offset-by-eleven.columns		{ margin-left: 69.4375%;	}
.offset-by-twelve.column,
.offset-by-twelve.columns		{ margin-left: 75.75%		}
.offset-by-thirteen.column,
.offset-by-thirteen.columns		{ margin-left: 82.0625%		}
.offset-by-fourteen.column,
.offset-by-fourteen.columns		{ margin-left: 88.375%		}
.offset-by-fifteen.column,
.offset-by-fifteen.columns		{ margin-left: 94.6875%		}

.offset-by-one-third.column,
.offset-by-one-third.columns    { margin-left: 33.6666666667%; }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns   { margin-left: 66.3333333333%; }

.offset-by-one-half.column,
.offset-by-one-half.columns     { margin-left: 49%; }

/* static widths based upon 1200px container (min size) */
.container.one.column.static,
.container.one.columns.static		{ width: 75px; }
.container.two.columns.static		{ width: 150px; }
.container.three.columns.static		{ width: 225px; }
.container.four.columns.static		{ width: 300px; }
.container.five.columns.static		{ width: 375px; }
.container.six.columns.static		{ width: 450px; }
.container.seven.columns.static		{ width: 525px; }
.container.eight.columns.static		{ width: 600px; }
.container.nine.columns.static		{ width: 675px; }
.container.ten.columns.static		{ width: 750px; }
.container.eleven.columns.static	{ width: 825px; }
.container.twelve.columns.static	{ width: 900px; }
.container.thirteen.columns.static	{ width: 975px; }
.container.fourteen.columns.static	{ width: 1050px; }
.container.fifteen.columns.static	{ width: 1125px; }
.container.sixteen.columns.static	{ width: 1200px; }

.container.column.static,
.container.columns.static {
	min-width: auto;
	padding: 0px;
}

/* Utilities */
.u-full-width {
	width: 100%;
	box-sizing: border-box;
}

.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box;
}

.u-pull-right {
	float: right;
}

.u-pull-left {
	float: left;
}

  
/* self clearing */
.container:after,
.container_fixed:after,
.row:after,
.u-cf {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 480px) {
	.container {
		width: 100%;
		min-width: 100%;
	}
	
	.container_fixed {
		width: 100%;
	}
	
	.column:not(.fixed), .columns:not(.fixed) {
		width: 100% !important;
	}
	
	.row > .column,
	.row > .columns {
		margin-left: 0px;
		margin-bottom: 10px;
	}
	
	.container-margin > .row:first-child,
	.container-margin > .row:last-child,
	.row > .column:last-child,
	.row > .columns:last-child {
		margin-bottom: 0px;
	}
}

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}