body#error {
	font-family: 'Oxygen', sans-serif;
	background: #1173aa;
	color: #fff;
	font-size: 15px;
	}
	
body#error div#error-msg{
	margin-left: 10%;
	}
	
body#error div#error-msg > .biggest{
	font-size: 13em;
	position: relative;
	}
	
body#error div#error-msg > .bigger{
	font-size: 2em;
	line-height: 1.4;
	margin-bottom: 2em;
	}
	
.gears {
	position: relative;
	height: 25em;
	width: 300px;
	}	
	
.gear-1{	
	height: 125px;
	width: 125px;
	display:block;
	position: absolute;
	background: transparent url(../img/wheel-1.png) no-repeat center center;
	bottom: 133px;
	left: 113px;
	border: 0;
	-webkit-animation:wheeze 10s linear infinite;
	animation: wheeze 10s linear infinite;
	}
	
.gear-2{	
	height: 143px;
	width: 143px;
	display:block;
	position: absolute;
	background: transparent url(../img/wheel-2.png) no-repeat center center;
	bottom: 35px;
	left: 0;
	border: 0;
	-webkit-animation:awheeze 10s linear infinite;
	animation: awheeze 10s linear infinite;
	}
	


@-webkit-keyframes wheeze {
	from {
		-webkit-transform:rotate(0deg);}
	to {
		-webkit-transform:rotate(360deg);
	}
}

@keyframes wheeze {
	from {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);}
	to {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
}

@-webkit-keyframes awheeze {
	from {
		-webkit-transform:rotate(0deg);}
	to {
		-webkit-transform:rotate(-360deg);
	}
}

@keyframes awheeze {
	from {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);}
	to {
		transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg);
	}
}