#container{		
	background: #666 url(images/fondo-nieve.jpg) no-repeat;
	width: 100%;
	/*height: 56.25vw;	*/	
	position: relative;
		
}

		@-webkit-keyframes nieve{
		   	from {top: -10px;}
			to {top: 450px;}
		}
		
		@-webkit-keyframes copos{
		    0%   { -webkit-transform: rotate(-180deg) translate(0px, 0px);}
		    100% { -webkit-transform: rotate(180deg) translate(10px, 75px);}
		}
		#snow div {
			position: absolute;
			top: -40px;
			-webkit-animation-name: nieve, copos;
			-webkit-animation-iteration-count: infinite; 
			-webkit-animation-direction: normal; 
			-webkit-animation-timing-function: ease-in;
		}
		.copos {
			color: #fff;
			font-size: 1em;
			position: absolute;	
		}
		.copos.f1 {
			left: 5%;
			-webkit-animation-duration: 5s;	
		}
		.copos.f2 {
			font-size: 1.8em;
			left: 15%;
			-webkit-animation-duration: 7s;	
		}
		.copos.f3 {
			left: 25%;
			-webkit-animation-duration: 8s;	
		}
		.copos.f4 {
			font-size: 1.5em;
			left: 30%;
			-webkit-animation-duration: 6s;	
		}
		
		.copos.f5 {
			font-size: 1.5em;
			left: 50%;
			-webkit-animation-duration: 5s;	
		}
		
		.copos.f6 {
			font-size: 1.5em;
			left: 70%;
			-webkit-animation-duration: 9s;	
		}
		
		.copos.f7 {
			font-size: 1.5em;
			left: 85%;
			-webkit-animation-duration: 7s;	
		}
		
		.copos.f8 {
			font-size: 1.5em;
			left: 95%;
			-webkit-animation-duration: 6s;	
		}