html, body {
	color: #fff;
	font-family: helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12pt;
}
body {
	background: url(../media/image/bg-gameplay.jpg) no-repeat center top;
	background-size: 100% auto;
}
#canvas {
	position: absolute;
	left: -25px;
	right: 0;
	top: 30%;
	bottom: 0;
	margin: auto;
	border: solid #000 4px;
}
.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #ed6d1f;
	border-bottom: 1px solid #333333;
	border-radius: 5px 5px 0 0;
}
.popover {
	background-color: #3F3F3F;
}
#competitionSubmitForm {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
}
.help-block {
	color: rgb(255, 255, 255);
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	body {
		background-size: 230% auto;
		background-position-y: 0%;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	body {
		background-size: 230% auto;
		background-position-y: 0%;
	}
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body {
		background-size: 190% auto;
		background-position-y: 20%;
	}
}

/* Desktop ----------- */
@media (min-width:1281px) {
	body {
		background-size: 145% auto;
		background-position-y: 0%;
	}
	#canvas {
		top: 30%;
	}
}
@media (min-width:1300px) {
	body {
		background-size: 135% auto;
		background-position-y: 0%;
	}
	#canvas {
		top: 30%;
	}
}
@media (min-width:1400px) {
	body {
		background-size: 125% auto;
		background-position-y: 0%;
	}
	#canvas {
		top: 40%;
	}
}
@media (min-width:1500px) {
	body {
		background-size: 122% auto;
		background-position-y: 0%;
	}
	#canvas {
		top: 40%;
	}
}
@media (min-width:1600px) {
	body {
		background-size: 115% auto;
		background-position-y: 0%;
	}
	#canvas {
		top: 40%;
	}
}
@media (min-width:1700px) {
	body {
		background-size: 110% auto;
		background-position-y: 0%;
	}
	#canvas {
		top: 25%;
	}
}
@media (min-width:1800px) {
	body {
		background-size: 100% auto;
		background-position-y: 0%;
	}
	#canvas {
		top: 25%;
	}
}