/* -------------------------------------
Index Page: Styles
----------------------------------------

#Media Queries
#Grid
#Base Styles
#Typography
#Links
#Buttons
#Forms
#Lists
#Code
#Tables
#Spacing
#Utilities
#Clearing

----------------------------------------

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

This is a modified version of the above
skeleton. The grid has been adapted to match
the grid on Hoststar.ch.

---------------------------------------- */


/* --------------------------
#Grid
----------------------------- */

.container {
	margin: 0 auto;
}

@media (min-width: 33em) {
	.container {
		width: 100%;
	}
}

@media (min-width: 46em) {
	.container {
		max-width: 55em;
	}
}

@media (min-width: 64em) {
	.container {
		max-width: 74em;
	}
}

@media (min-width: 100em) {
	.container {
		max-width: 92em;
	}
}


/* Row */

.row {
	margin: 0;
	position: relative;
}

@media (min-width: 46em) {
	.row {
		margin: 0 -1.6rem;
	}
}


/* Clearfix */

.container:after,
.row:after {
	content: "";
	display: table;
	clear: both;
}


/* Columns */

.column,
.columns {
	padding: 0 0 2em;
}

.column:last-child,
.columns:last-child {
	padding: 0;
}

@media (min-width: 46em) {
	.column,
	.columns,
	.column:last-child,
	.columns:last-child {
		padding: 0 2em 1em;
		float: left;
		vertical-align: middle;
	}
}

@media (min-width: 64em) {
	.column,
	.columns,
	.column:last-child,
	.columns:last-child {
		padding: 0 2em;
	}
}

.one.column,
.one.columns,
.two.columns,
.three.columns,
.four.columns,
.five.columns,
.six.columns,
.seven.columns,
.eight.columns,
.nine.columns,
.ten.columns,
.eleven.columns,
.twelve.columns {
	width: 100%;
}

@media (min-width: 46em) {
	.one.column,
	.one.columns,
	.two.columns,
	.three.columns,
	.four.columns,
	.five.columns,
	.six.columns {
		width: 50%;
    	float: left;
	}
}

@media (min-width: 64em) {
	.one.column,
	.one.columns {
		width: 8.3333333333%;
	}
	.two.columns {
		width: 16.6666666667%;
	}
	.three.columns {
		width: 25%;
	}
	.four.columns {
		width: 33.3333333333%;
	}
	.five.columns {
		width: 41.6666666667%;
	}
	.six.columns {
		width: 50%;
	}
	.seven.columns {
		width: 58.3333333333%;
	}
	.eight.columns {
		width: 66.6666666667%;
	}
	.nine.columns {
		width: 75%;
	}
	.ten.columns {
		width: 83.3333333333%;
	}
	.eleven.columns {
		width: 91.6666666667%;
	}
	.twelve.columns {
		width: 100%;
	}
	.one-third.column {
		width: 33.3333333333%;
	}
	.two-thirds.column {
		width: 66.6666666667%;
	}
	.one-half.column {
		width: 50%;
	}
}


/* Offsets */

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

.offset-by-two.column,
.offset-by-two.columns {
	margin-left: 16.6666666667%;
}

.offset-by-three.column,
.offset-by-three.columns {
	margin-left: 25%;
}

.offset-by-four.column,
.offset-by-four.columns {
	margin-left: 33.3333333333%;
}

.offset-by-five.column,
.offset-by-five.columns {
	margin-left: 41.6666666667%;
}

.offset-by-six.column,
.offset-by-six.columns {
	margin-left: 50%;
}

.offset-by-seven.column,
.offset-by-seven.columns {
	margin-left: 58.3333333333%;
}

.offset-by-eight.column,
.offset-by-eight.columns {
	margin-left: 66.6666666667%;
}

.offset-by-nine.column,
.offset-by-nine.columns {
	margin-left: 75%;
}

.offset-by-ten.column,
.offset-by-ten.columns {
	margin-left: 83.3333333333%;
}

.offset-by-eleven.column,
.offset-by-eleven.columns {
	margin-left: 91.6666666667%;
}

.offset-by-one-third.column,
.offset-by-one-third.columns {
	margin-left: 33.3333333333%;
}

.offset-by-two-thirds.column,
.offset-by-two-thirds.columns {
	margin-left: 66.6666666667%;
}

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