html {
	background: url(../img/keyart.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #30476d;
}

@media screen and (max-width: 1179px) and (max-height: 899px) {
	html {
		background: url(../img/keyart_1508.png) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #30476d;
	}
}

@media screen and (max-width: 789px) and (max-height: 599px) {
	html {
		background: url(../img/keyart_1005.png) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #30476d;
	}
}

@media screen and (max-width: 389px) and (max-height: 299px) {
	html {
		background: url(../img/keyart_754.png) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #30476d;
	}
}

html body {
	background-color: transparent;
}

html .hotlinkbar {
	background-color: #282d2880;/*black50%*/
}

html .kickstarterbar {
	background-color: #282d2880;/*black50%*/
}

html .footer {
	background-color: #282d28d0;/*black90%*/
}

html #bouncing_arrow {
	margin-top: 60vh;
	margin-bottom: 2vh;
}

@media screen and (max-width: 959px) {
	html #bouncing_arrow {
		margin-top: 56vh;
		margin-bottom: 6vh;
	}
}

@media screen and (max-width: 639px) {
	html #bouncing_arrow {
		margin-top: 52vh;
		margin-bottom: 10vh;
	}
}