#bg7 {
	position: fixed; 
	width: 100%; 
	height: 100%;
	z-index: 0;
}

@keyframes move-background {
	from {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	to { 
		-webkit-transform: translate3d(1000px, 0px, 0px);
	}
}
@-webkit-keyframes move-background {
	from {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	to { 
		-webkit-transform: translate3d(1000px, 0px, 0px);
	}
}

@-moz-keyframes move-background {    
	from {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	to { 
		-webkit-transform: translate3d(1000px, 0px, 0px);
	}
}

@-webkit-keyframes move-background {
	from {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	to { 
		-webkit-transform: translate3d(1000px, 0px, 0px);
	}
}

.stars {
	background: black url("../../img/backgrounds/7/stars.png") repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	z-index: 0;
}

.twinkling{
	width:10000px;
	height: 100%;
	background: transparent url("../../img/backgrounds/7/twinkling.png") repeat;
	background-size: 1000px 1000px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;

	-moz-animation:move-background 70s linear infinite;
	-ms-animation:move-background 70s linear infinite;
	-o-animation:move-background 70s linear infinite;
	-webkit-animation:move-background 70s linear infinite;
	animation:move-background 70s linear infinite;
	
}

.clouds{
	width:10000px;
	height: 100%;
	background: transparent url("../../img/backgrounds/7/clouds_repeat.png") repeat;
	background-size: 1000px 1000px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 3;

	-moz-animation:move-background 150s linear infinite;
	-ms-animation:move-background 150s linear infinite;
	-o-animation:move-background 150s linear infinite;
	-webkit-animation:move-background 150s linear infinite;
	animation:move-background 150s linear infinite;
}

#bg7 img {
	height: 50vh;
	width: 50vh;
	position: absolute;
	z-index: 3;
	right: 20px;
}