html {
	background: #C7EAFE url(../images/bg-repeat.jpg) center top repeat-x;
}
.fullParallaxEnter {
	width:100%; 
	height: 700px; 
	margin: 0!important;
	clear: both;
	position: relative;
	z-index: 7;
	}
.fullParallax1 {
	width:100%; 
	height:700px;
	margin: 0!important;
	clear: both;
	position: relative;
	z-index: 6;
	}
.fullParallax2 {
	width:100%; 
	height:700px; 
	margin: 0!important;
	clear: both;
	position: relative;
	z-index: 5;
	}
.fullParallax3 {
	width:100%; 
	height:700px; 
	margin: 0!important;
	clear: both;
	position: relative;
	z-index: 4;
	}
.fullParallax4 {
	width:100%; 
	height:700px;
	margin: 0!important;
	clear: both;
	position: relative;
	z-index: 3;
	}	
.fullParallax5 {
	width:100%; 
	height:700px;
	margin: 0!important;
	clear: both;
	position: relative;
	z-index: 2;
	}	
.fullParallax6 {
	width:100%; 
	height: 1400px;
	margin: 0!important;
	clear: both;
	position: relative;
	z-index: 1;
	}
@media only screen and (min-width: 0px) and (max-width: 480px)  {	
	
.fullParallaxEnter	{
	height: 700px!important;
	}	
.fullParallax1	{
	height: 700px!important;
	}
.fullParallax2	{
	height: 700px!important;
	}
.fullParallax3	{
	height: 700px!important;
	}
.fullParallax4	{
	height: 700px!important;
	}
.fullParallax5	{
	height: 700px!important;
	}
.fullParallax6	{
	height: 700px!important;
	}
.startOver a	{
	top: 600px!important;
	}	
.rain	{
	left: 20%!important;
	}	
}
	
@media only screen and (min-width: 481px) and (max-width: 600px)  {	
	
.fullParallaxEnter	{
	height: 700px!important;
	}	
.fullParallax1	{
	height: 700px!important;
	}
.fullParallax2	{
	height: 700px!important;
	}
.fullParallax3	{
	height: 700px!important;
	}
.fullParallax4	{
	height: 700px!important;
	}
.fullParallax5	{
	height: 700px!important;
	}
.fullParallax6	{
	height: 900px!important;
	}
.startOver a	{
	top: 700px!important;
	}
.rain	{
	left: 0%!important;
	}
}
	
@media only screen and (min-width: 601px) and (max-width: 800px)  {

.fullParallaxEnter	{
	height: 700px!important;
	}	
.fullParallax1	{
	height: 700px!important;
	}
.fullParallax2	{
	height: 700px!important;
	}
.fullParallax3	{
	height: 700px!important;
	}
.fullParallax4	{
	height: 700px!important;
	}
.fullParallax5	{
	height: 700px!important;
	}
.fullParallax6	{
	height: 1100px!important;
	}
.startOver a	{
	top: 1000px!important;
	}
.scrollme.recovery	{
	top: 150px; 
	left: 20%; 
	width: 60%;
	z-index: 2; 
	margin-left: 0;
	}
.scrollme.treatment	{
	top: 150px; 
	left: 20%; 
	width: 60%;
	z-index: 2; 
	margin-left: 0;
	}
}
	
@media only screen and (min-width: 801px) and (max-width: 1100px)  {	
	
.fullParallaxEnter	{
	height: 700px!important;
	}	
.fullParallax1	{
	height: 700px!important;
	}
.fullParallax2	{
	height: 700px!important;
	}
.fullParallax3	{
	height: 700px!important;
	}
.fullParallax4	{
	height: 700px!important;
	}
.fullParallax5	{
	height: 700px!important;
	}	
.fullParallax6	{
	height: 1400px!important;
	}
}	
	
@media only screen and (min-width:1281px) and (max-width: 2400px)  {

.fullParallaxEnter	{
	height: 700px!important;
	}	
.fullParallax1	{
	height: 700px!important;
	}
.fullParallax2	{
	height: 700px!important;
	}
.fullParallax3	{
	height: 700px!important;
	}
.fullParallax4	{
	height: 700px!important;
	}
.fullParallax5	{
	height: 700px!important;
	}
.fullParallax6	{
	height: 1400px!important;
	}
}


/* PARALLAXES */
.parallaxMultiClouds1	{
	z-index: 3; 
	position: absolute; 
	height: 500px; 
	width: 100%;
	top: 0px; 
	background: url(../images/multi-clouds1.png) no-repeat 0 0;
	}
.parallaxMultiClouds2	{
	z-index: 3; 
	position: absolute; 
	height: 500px; 
	width: 100%;
	top: 0px; 
	background: url(../images/multi-clouds2.png) no-repeat 0 0;
	}
.parallaxSun	{
	z-index: 3; 
	position: absolute; 
	top: 150px; 
	right: 50%; 
	margin-right: -300px;
	width: 161px;
	height: 161px;
	}
/* PARALLAX PANELS ABSOLUTE POSITION BACKGROUNDS */

.parallax1main	{
	position: absolute;
	z-index: 1;
	top: 85px;
	width: 100%;
	height: 590px;
	background: url(../images/parallax1main.png) no-repeat top center;
	}
.parallax1river	{
	position: absolute;
	z-index: 1;
	top: 290px;
	width: 100%;
	height: 600px;
	background: url(../images/parallax1river.png) no-repeat top center;
	}
.parallax2main	{
	position: absolute;
	z-index: 1;
	top: 170px;
	width: 100%;
	height: 1140px;
	background: url(../images/parallax2main.png) no-repeat top center;
	}
.parallax3river	{
	position: absolute;
	z-index: 1;
	top: 470px;
	width: 100%;
	height: 600px;
	background: url(../images/parallax3river.png) no-repeat top center;
	}
.parallax4main	{
	position: absolute;
	z-index: 1;
	top: 170px;
	width: 100%;
	height: 800px;
	background: url(../images/parallax4main.png) no-repeat top center;
	}
.parallax5river	{
	position: absolute;
	z-index: 1;
	top: 250px;
	width: 100%;
	height: 395px;
	background: url(../images/parallax5river.png) no-repeat top center;
	}
/* ANIMATIONS */	

/* CLOUD DRIFTING ACROSS SKY */
.cloud-ani2	{
	position: absolute;
	z-index: 4;
	top: -350px;
	animation: drift 180s linear infinite backwards;	
	}
@keyframes drift	{
	from{transform: translateX(200%);}
	to {transform: translateX(-640px);}	
}

/* RAIN FROM CLOUD */
.rain-ani-sprite	{
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -200px;
	z-index: 2;
	width: 500px;
	height: 300px;
	background: transparent url(../images/rain-ani.png) 0 0  no-repeat;
	animation: rain .5s steps(4) infinite;
	}
@keyframes rain	{
	0% {background-position: 0 0;}
	100% {background-position: 0 -1200px;}
}

/* WATER FROM DRAIN SPOUT */
.waterdrops-ani	{
	position: absolute;
	top: 635px;
	left: 50%;
	margin-left: 40px;
	z-index: 2;
	width: 100px;
	height: 50px;
	background: transparent url(../images/waterdrops-ani.png) 0 0  no-repeat;
	animation: drops 1s steps(6) infinite;
	}
@keyframes drops	{
	0% {background-position: 0 0;}
	100% {background-position: 0 -300px;}
}

.waterdrops2-ani	{
	position: absolute;
	top: 1285px;
	left: 50%;
	margin-left: 33px;
	z-index: 2;
	width: 100px;
	height: 50px;
	background: transparent url(../images/waterdrops-ani.png) 0 0  no-repeat;
	animation: drops 1s steps(6) infinite;
	}
@keyframes drops	{
	0% {background-position: 0 0;}
	100% {background-position: 0 -300px;}
}

.waterdrops3-ani	{
	position: absolute;
	top: 345px;
	right: 50%;
	margin-right: -19px;
	z-index: 2;
	width: 60px;
	height: 30px;
	background: transparent url(../images/waterdrops3-ani.png) 0 0  no-repeat;
	animation: drops3 .75s steps(4) infinite;
	}
@keyframes drops3	{
	0% {background-position: 0 0;}
	100% {background-position: 0 -120px;}
}

/* CAR BEING WASHED */
.car-wash-ani	{
	position: absolute;
	top: 133px;
	left: 50%;
	margin-left: 112px;
	z-index: 2;
	width: 107px;
	height: 105px;
	background: transparent url(../images/car-wash-ani.png) 0 0  no-repeat;
	animation: car-wash-ani 1s steps(2) infinite;
	}
@keyframes car-wash-ani	{
	0% {background-position: 0 0;}
	100% {background-position: 0 -210px;}
}

/* BUTTERFLY FLAPPING*/
.butterfly-ani	{
	position: absolute;
	top: 400px;
	left: 50%;
	margin-left: 300px;
	z-index: 2;
	width: 35px;
	height: 25px;
	background: transparent url(../images/butterfly-ani.png) 0 0  no-repeat;
	animation: butterfly-ani .35s steps(2) infinite;
	}
@keyframes butterfly-ani	{
	0% {background-position: 0 0;}
	100% {background-position: 0 -50px;}
}

/* DOG SCRATCHING */
.ani-dog-scratching	{
	position: absolute;
	top: 600px;
	left: 50%;
	margin-left: 230px;
	z-index: 2;
	width: 55px;
	height: 50px;
	background: transparent url(../images/ani-dog-scratching.png) 0 0  no-repeat;
	animation: ani-dog-scratching .35s steps(3) infinite;
	}
@keyframes ani-dog-scratching	{
	0%, 30% {background-position: 0 0;}
	100% {background-position: 0 -150px;}
}

/* BEAVER BLINKING */
.beaver-ani	{
	position: absolute;
	top: 520px;
	right: 50%;
	margin-right: -550px;
	z-index: 3;
	width: 158px;
	height: 130px;
	background: transparent url(../images/beaver-ani.png) 0 0  no-repeat;
	animation: beaver 4s steps(2) infinite;
	}
@keyframes beaver	{
	0%, 90% {background-position: 0 0;}
	100% {background-position: 0 -260px;}
}

/* FISH JUMPING */
.ani-fish	{
	position: absolute;
	top: 700px;
	right: 50%;
	margin-right: 50px;
	z-index: 3;
	width: 80px;
	height: 41px;
	background: transparent url(../images/ani-fish.png) 0 0  no-repeat;
	animation: ani-fish 4s steps(0) infinite;
	}
@keyframes ani-fish	{
	0%, 20% {background-position: 0 0;}
	100% {background-position: 0 -123px;}
}
.ani-fish.jump	{	/* SET TO ANIMATE ONLY ON HOVER */
	position: absolute;
	top: 700px;
	right: 50%;
	margin-right: 50px;
	z-index: 3;
	width: 80px;
	height: 41px;
	background: transparent url(../images/ani-fish.png) 0 0  no-repeat;
	animation: ani-fish 1.5s steps(3) infinite!important;
	}
/* PACMAN GERMS */
.pacman-germ-ani	{
	position: absolute;
	top: 1035px;
	right: 50%;
	margin-right: 85px;
	z-index: 3;
	width: 94px;
	height: 40px;
	background: transparent url(../images/pacman-germ-ani.png) 0 0  no-repeat;
	animation: pacman-germ .5s steps(5) infinite;
	}
@keyframes pacman-germ	{
	100% {background-position: 0 -200px;}
}
/* WATER SPOUT */
.spout-ani	{
	position: absolute;
	top: 1102px;
	right: 50%;
	margin-right: -525px;
	z-index: 3;
	width: 84px;
	height: 44px;
	background: transparent url(../images/spout-ani.png) 0 0  no-repeat;
	animation: spout-ani .85s steps(4) infinite;
	}
@keyframes spout-ani	{
	100% {background-position: 0 -176px;}
}

/* WATER TO BE CLEANED */
.out-to-clean	{
	position: absolute;
	top: 1025px;
	left: 50%;
	margin-left: -440px;
	z-index: 3;
	width: 40px;
	height: 25px;
	background: transparent url(../images/out-to-clean.png) 0 0  no-repeat;
	animation: out-to-clean .75s steps(5) infinite;
	}
@keyframes out-to-clean	{
	100% {background-position: 0 -125px;}
}

/* WATER DRAINING FROM SOIL */
.soil-water-ani	{
	position: absolute;
	top: 395px;
	right: 50%;
	margin-right: -60px;
	z-index: 3;
	width: 189px;
	height: 50px;
	background: transparent url(../images/soil-water-ani.png) 0 0  no-repeat;
	animation: soil-water .5s steps(4) infinite;
	}
@keyframes soil-water	{
	0% {background-position: 0 0;}
	100% {background-position: 0 -200px;}
}

/* ELECTRICAL SPARK */
.spark	{
	position: absolute;
	top: 790px;
	right: 50%;
	margin-right: 182px;
	z-index: 3;
	width: 20px;
	height: 60px;
	background: transparent url(../images/spark-ani.png) 0 0  no-repeat;
	animation: spark 1.5s steps(3) infinite;
	}
@keyframes spark	{
	0% {background-position: 0 0;}
	20%, 100% {background-position: 0 -180px;}
}

/* DUCK QUACKING */
.duck	{
	position: absolute;
	z-index: 3;
	width: 141px;
	height: 80px!important;
	background: transparent url(../images/duck-ani.png) 0 0  no-repeat;
	animation: duck 1.25s steps(2) infinite;
	}
@keyframes duck	{
	0%, 90% {background-position: 0 0;}
	100% {background-position: 0 -160px;}
}
/* WATER EVAPORATING */
.evaporateOne	{
	position: absolute;
	top: 220px;
	right: 50%;
	margin-right: 200px;
	z-index: 1;
	width: 101px;
	height: 119px;
	background: transparent url(../images/evaporation-ani.png) 0 0  no-repeat;
	animation: evaporate .75s steps(3) infinite;
	}
@keyframes evaporate	{
	100% {background-position: 0 -357px;}
}

.evaporateTwo	{
	position: absolute;
	top: 250px;
	right: 50%;
	margin-right: 0px;
	z-index: 1;
	width: 101px;
	height: 119px;
	background: transparent url(../images/evaporation-ani.png) 0 0  no-repeat;
	animation: evaporate .75s steps(3) infinite;
	animation-delay: .5s
	}
@keyframes evaporate	{
	100% {background-position: 0 -357px;}
}

.evaporateThree	{
	position: absolute;
	top: 410px;
	right: 50%;
	margin-right: -20px;
	z-index: 1;
	width: 101px;
	height: 119px;
	background: transparent url(../images/evaporation-ani.png) 0 0  no-repeat;
	animation: evaporate .75s steps(3) infinite;
	animation-delay: 1s;
	}
@keyframes evaporate	{
	100% {background-position: 0 -357px;}
}

.evaporateFour	{
	position: absolute;
	top: 250px;
	right: 50%;
	margin-right: -200px;
	z-index: 1;
	width: 101px;
	height: 119px;
	background: transparent url(../images/evaporation-ani.png) 0 0  no-repeat;
	animation: evaporate .75s steps(3) infinite;
	animation-delay: 1.5s;
	}
@keyframes evaporate	{
	100% {background-position: 0 -357px;}
}

/* WATERDROP KICKING */
.waterdrop-kicking	{
	width: 110px;
	height: 150px;
	background: transparent url(../images/waterdrop-ani.png) 0 0  no-repeat;
	animation: waterdrop-kicking .5s steps(3) infinite;
	}
@keyframes waterdrop-kicking	{
	0% {background-position: 0 0;}
	100% {background-position: 0 -450px;}
}

/* MAN FISHING */
.man-fishing	{
	position: absolute;
	top: 550px;
	right: 50%;
	margin-right: -350px;
	z-index: 3;
	width: 127px;
	height: 121px;
	background: transparent url(../images/ani-man-fishing.png) 0 0  no-repeat;
	animation: man-fishing 2.5s steps(3) infinite;
	}
@keyframes man-fishing	{
	0%, 80% {background-position: 0 0;}
	100% {background-position: 0 -363px;}
}

/* FROG CATCHING FLY */
.frog	{
	position: absolute;
	top: 730px;
	left: 50%;
	margin-left: 150px;
	z-index: 3;
	width: 60px;
	height: 68px;
	background: transparent url(../images/ani-frog.png) 0 0  no-repeat;
	animation: frog 2s steps(3) infinite;
	}
@keyframes frog	{
	0%, 20% {background-position: 0 0;}
	100% {background-position: 0 -204px;}
}

/* OVERLAYING PEOPLE */

.theFrog	{
	position: absolute;
	top: 730px;
	left: 50%;
	margin-left: 150px;
	z-index: 3;
	width: 60px;
	height: 68px;
	/* background: transparent url(../images/frog.png) 0 0  no-repeat; */
	cursor: pointer;
	}
.older-man-looking	{
	position: absolute;
	top: 300px;
	right: 50%;
	margin-right: 140px;
	z-index: 3;
	width: 44px;
	height: 70px;
	background: transparent url(../images/older-man-looking.png) 0 0  no-repeat;
	}
.boy-walking	{
	position: absolute;
	top: 200px;
	right: 50%;
	margin-right: 280px;
	z-index: 3;
	width: 42px;
	height: 70px;
	background: transparent url(../images/boy-walking.png) 0 0  no-repeat;
	}
.girl-watering-flowers	{
	position: absolute;
	top: 540px;
	right: 50%;
	margin-right: -150px;
	z-index: 3;
	width: 100px;
	height: 70px;
	background: transparent url(../images/girl-watering-flowers.png) 0 0  no-repeat;
	}
.kids-planting	{
	position: absolute;
	top: 240px;
	right: 50%;
	margin-right: 250px;
	z-index: 3;
	width: 100px;
	height: 110px;
	background: transparent url(../images/kids-planting.png) 0 0  no-repeat;
	}
.butterflies-home	{
	position: absolute;
	top: 300px;
	right: 50%;
	margin-right: -250px;
	z-index: 3;
	width: 65px;
	height: 43px;
	background: transparent url(../images/butterflies.png) 0 0  no-repeat;
	}
.blurb-beaver	{
	position: absolute;
	top: 1180px;
	right: 50%;
	margin-right: -420px;
	z-index: 3;
	width: 148px;
	height: 60px;
	background: transparent url(../images/blurb-beaver.png) 0 0  no-repeat;
	}
.blurb-evaporation	{
	position: absolute;
	top: 205px;
	right: 50%;
	margin-right: 350px;
	z-index: 3;
	width: 148px;
	height: 60px;
	background: transparent url(../images/blurb-evaporation.png) 0 0  no-repeat;
	}
.blurb-yellowbird	{
	position: absolute;
	top: 310px;
	right: 50%;
	margin-right: 380px;
	z-index: 3;
	width: 148px;
	height: 60px;
	background: transparent url(../images/blurb-yellowbird.png) 0 0  no-repeat;
	}
.blurb-fish	{
	position: absolute;
	top: 650px;
	right: 50%;
	margin-right: 120px;
	z-index: 3;
	width: 148px;
	height: 60px;
	background: transparent url(../images/blurb-fish.png) 0 0  no-repeat;
	}
.blurb-frog	{
	position: absolute;
	top: 680px;
	left: 50%;
	margin-left: -145px;
	z-index: 3;
	width: 295px;
	height: 74px;
	background: transparent url(../images/blurb-frog.png) 0 0  no-repeat;
	}
	
/* SCROLLME ANIMATIONS */
.scrollme	{
	position: absolute;
	z-index: 1;
	}
.scrollme.rain	{
	top: 0px; 
	left: 300px; 
	z-index: 2; 
	min-width: 486px;
	}
.scrollme.rain img	{
	position: relative;
	top: -180px; 
	z-index: 3; 
	width: 486px;
	height: 136px;
	}	
.scrollme.jet	{
	top: 280px; 
	left: 0px; 
	z-index: 2; 
	}
.scrollme.ducks	{
	top: 650px; 
	left: 400px; 
	z-index: 2; 
	}
.scrollme.duck-ani	{
	top: 690px;
	right: 50%;
	margin-right: -350px;
	}
.scrollme.duck-ani.two	{
	top: 355px;
	left: 50%;
	margin-left: -450px;
	}
.scrollme.tractor	{
	top: 225px;
	margin-left: 50%; 
	left: -250px; 
	z-index: 2; 
	}