/* Boo! */
body{
	background: url(../images/nightsky.png) repeat-x fixed;
}

.grass {
	position: fixed;
	bottom:0;
	left: 0;
	width: 100%;
	min-width: 900px;
	height: 184px;
	overflow: hidden;
	z-index: -1;
	background: transparent url(../images/grass-fall.png)repeat-x;
}

.sol{
	position: fixed;
	top:11%;
	left: 10%;
	width: 160px;
	height: 160px;
	overflow: hidden;
	z-index:-3;/*Display behind the clouds*/
	background: transparent url(../images/bat.png)no-repeat;
}

.far-clouds {
	background: transparent url(../images/cloud1.png) 500px 94px repeat-x fixed;
	 z-index: -2;
	 opacity: 0.7;
}
.near-clouds {
	background: transparent url(../images/cloud2.png)0px 63px repeat-x fixed;
	z-index: -1;
	opacity: 0.7;
}

.egg1{
	position: fixed;
	top:85%;
	right: 4%;
	width: 160px;
	height: 80px;
	overflow: hidden;
	z-index: 1; /*In front of grass*/
	background: transparent url(../images/pumpkin1.png)no-repeat;
}

.egg2 {
	position: fixed;
	top:79%;
	left: 0.9%;
	width: 400px;
	height: 154px;
	overflow: hidden;
	z-index: 4;
	background: transparent url(../images/pumpkin2.png)no-repeat;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	body{
		background:#3f484a;
	}

	#kaninf{
		top:35%;
	}

}

@media screen and (max-width:768px) {
	body{
		background:#3f484a;
	}
}