#section0 .mountain{
	width: 100%;
	background-image: url("mountain.png");
	background-position: center;
	height: 700px;
	/*margin-top: -190px;*/
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 5;

}
.sky {
    height: 350px;
    background:#007fd5;
    position:relative;
    overflow:hidden;
    -webkit-animation:sky_background 50s ease-out infinite;
    -moz-animation:sky_background 50s ease-out infinite;
    -o-animation:sky_background 50s ease-out infinite;
    animation:sky_background 50s ease-out infinite;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.moon {
    background:url("moon.png");
    position:absolute;
    left:0%;
    top: 0;
    height:499px;
    width:200%;
    z-index: 2;
    -webkit-animation:moon 50s linear infinite;
    -moz-animation:moon 50s linear infinite;
    -o-animation:moon 50s linear infinite;
    animation:moon 50s linear infinite;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.clouds {
    background:url("clouds.png");
    position:absolute;
    left:0;
    top:0;
    height:448px;
    width:300%;
    -webkit-animation:clouds 50s linear infinite;
    -moz-animation:clouds 50s linear infinite;
    -o-animation:clouds 50s linear infinite;
    animation:clouds 50s linear infinite;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index: 3;
}
.clouds2 {
    background:url("clouds2.png");
    position:absolute;
    left:0;
    top:0;
    height:448px;
    width:300%;
    -webkit-animation:clouds 55s linear infinite;
    -moz-animation:clouds 55s linear infinite;
    -o-animation:clouds 55s linear infinite;
    animation:clouds 55s linear infinite;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index: 3;
}

#section0.day {
	background:#1285c5;
    color:#007fd5;
}

#section0.night {
	background:#000;
    color:#fff;
}

/******** Chrome ********/
@-webkit-keyframes sky_background {
    0% {
        background:#1285c5;
        color:#007fd5;
    }

    50% {
        background:#000;
        color:#fff;
    }

    100% {
        background:#1285c5;
        color:#007fd5;
    }
}
@-webkit-keyframes moon {
    0% {
        opacity: 0;
        left:-20%;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    50% {
        opacity: 0.55;
        left:20%;
        bottom:250px;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        opacity: 0;
        bottom:500px;
        -moz-transform: scale(0.3);
        -webkit-transform: scale(0.3);
		-o-transform: scale(0.3);
        transform: scale(0.3);
    }
}
@-webkit-keyframes clouds {
    0% {
        left:0;
    }
    100% {
        left:-200%;
    }
}
/******** Firefox ********/
@-moz-keyframes sky_background {
    0% {
        background:#007fd5;
        color:#007fd5;
    }
    50% {
        background:#000;
        color:#a3d9ff;
    }
    100% {
        background:#007fd5;
        color:#007fd5;
    }
}
@-moz-keyframes moon {
    0% {
        opacity: 0;
        left:-15%;
        -moz-transform: scale(0.3);
        -webkit-transform: scale(0.3);
		-o-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 0.55;
        left:0%;
        bottom:250px;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        opacity: 0;
        left: 15%;
        bottom:500px;
        -moz-transform: scale(0.3);
        -webkit-transform: scale(0.3);
		-o-transform: scale(0.3);
        transform: scale(0.3);
    }
}
@-moz-keyframes clouds {
    0% {
        left:0;
    }
    100% {
        left:-200%;
    }
}
/******** Opera ********/
@-o-keyframes sky_background {
    0% {
        background:#007fd5;
        color:#007fd5;
    }
    50% {
        background:#000;
        color:#a3d9ff;
    }
    100% {
        background:#007fd5;
        color:#007fd5;
    }
}
@-o-keyframes moon {
    0% {
        opacity: 0;
        left:-15%;
        -moz-transform: scale(0.3);
        -webkit-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 0.55;
        left:0%;
        bottom:250px;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        opacity: 0;
        left: 15%;
        bottom:500px;
        -moz-transform: scale(0.3);
        -webkit-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }
}
@-o-keyframes clouds {
    0% {
        left:0;
    }
    100% {
        left:-200%;
    }
}
/******** General Syntax ********/
@keyframes sky_background {
    0% {
        background:#007fd5;
        color:#007fd5;
    }
    50% {
        background:#000;
        color:#a3d9ff;
    }
    100% {
        background:#007fd5;
        color:#007fd5;
    }
}
@keyframes moon {
    0% {
        opacity: 0;
        left:-15%;
        -moz-transform: scale(0.3);
        -webkit-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 0.55;
        left:0%;
        bottom:250px;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        opacity: 0;
        left: 15%;
        bottom:500px;
        -moz-transform: scale(0.3);
        -webkit-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }
}
@keyframes clouds {
    0% {
        left:0;
    }
    100% {
        left:-200%;
    }
}