* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
a, a:visited {
	color: #FFF;
}
a:hover, a:visited:hover {
	color: #FF9;
}
body {
	background: #454545;
	color: #CCC;
	font-family: 'PT Sans', 'sans-serif';
}
h1, h2, h3 {
	font-family: 'Oswald', 'sans-serif';
	font-weight: normal;
	color: #212121;
}
h2 {
	margin: 0 0 .5em;
}
img {
	width: 100%;
	max-width: 100%;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 2em;
}
#wrapper:after {
	/* Or @extend clearfix */
    content: "";
	display: table;
	clear: both;
}
[class*='col-'] {
 float: left;
 padding-right: 25px;
}
[class*='col-']:last-of-type {
	padding-right: 0;
}
.col-2-3 {
	width: 66.66%;
}
.col-1-3 {
	width: 33.33%;
}
.col-1-2 {
	width: 50%;
}
.col-1-4 {
	width: 25%;
}
.col-1-3-4 {
	width: 37.5%;
}
.col-1-8 {
	width: 12.5%;
}
.center {
	text-align: center;
}
.logo {
	display: block;
	margin: 0 0 2em;
}
.shadowed {
	-webkit-box-shadow: -1px 6px 17px 4px rgba(0,0,0,0.44);
	-moz-box-shadow: -1px 6px 17px 4px rgba(0,0,0,0.44);
	box-shadow: -1px 6px 17px 4px rgba(0,0,0,0.44);
}