*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body,
html {
	width: 100%;
	height: 100%;
}

html {
	font-size: 0;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

.container {
	margin: 0 auto;
	max-width: 48rem;
	width: 90%;
}

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

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* Medium screens (640px) */
@media (min-width: 40rem) {
	html { font-size: 112%; }
	.column {
		float: left;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.column.full { width: 100%; }
}

/* Large screens (1024px) */
@media (min-width: 64rem) {
	html { font-size: 120%; }
}

.column.logo {
	padding-left: 0;
	padding-right: 0;
	width: 25%;
	position: fixed;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
}
.svg {
	fill: #000;
}