html { 
  background: url(../images/tempsite.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation:landscape) {
	html { 
		background: url(../images/iphone-horiz.jpg) no-repeat center center fixed; 	
		-webkit-background-size: contain;
	  	-moz-background-size: contain;
	  	-o-background-size: contain;
	  	background-size: contain;
	}
}

/* Smartphones */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation:portrait) {
	html {
		background: url(../images/iphone-vert.jpg) no-repeat center center fixed; 
		-webkit-background-size: contain;
	  	-moz-background-size: contain;
	  	-o-background-size: contain;
	  	background-size: contain;
	}
}