/*  Variables
--------------------------*/

$font-sans-serif: 'Open Sans', 'Calibri', 'Helvetica', 'Arial', sans-serif;
$font-serif: 'Droid Serif', 'Georgia', serif;
$font-mono: 'Anonymous Pro', 'Monaco', 'Courier', serif;

/*  Reset
--------------------------*/
*, *::before, *::after {
	@include box-sizing(border-box);
	padding: 0;
	margin: 0;
}

.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}

.clearfix::after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/*  Grid and stuff
--------------------------*/
.container {
	margin: 0 auto;
	max-width: 960px;
	width: 90%;
}

.row {
	overflow: hidden;
}

.column {
	float: left;
	margin-left: 5%;
}

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

.column.full {
	width: 100%;
}

.column.two-thirds {
	width: 65%;
}

.column.half {
	width: 47.5%;
}

.column.one-third {
	width: 30%;
}

.column.one-fourth {
	width: 21.25%;
}