body {
	margin: 0;
	padding: 0;
}

.bg {
/*
	width: 100%;
	height: 100%;
*/
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	overflow-x: hidden;
	background: url('ap-mobile-bg.jpg') no-repeat 50% 0;
	background-size: cover;
}

@media only screen and (min-width: 600px) {
	.bg {
		background: url('ap-tablet-bg.jpg') no-repeat 50% 0;
		background-size: cover;	
	}
}

@media only screen and (min-width: 1200px) {
	.bg {
		background: url('ap-background.jpg') no-repeat 50% 0;
		background-size: cover;	
	}
}