.snowContainer { width: 100%; height: 100% !important; position: absolute; top: 0; left: 0; z-index: 0;}
/*#snow {width: 100%; height: 100%; background-image: url("snow/1.png"), url("snow/2.png"), url("snow/3.png"); -webkit-animation: snow 20s linear infinite;-moz-animation: snow 20s linear infinite;-ms-animation: snow 20s linear infinite;animation: snow 20s linear infinite;}*/
/*@keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}}*/
/*@-moz-keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}}*/
/*@-webkit-keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}}*/
/*@-ms-keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}}*/

#snow {
   width: 100%;
   height: 100%;
   background-image: url("snow/1.png"), url("snow/2.png"), url("snow/3.png");

   animation: snow 30s ease-in-out infinite, snow2 30s linear infinite;
}

@keyframes snow {
   0% {background-position-x:    0px,     0px,     0px;}
   10% {background-position-x:   30px,    40px,    60px;}
   20% {background-position-x:   -30px,   10px,    10px;}
   30% {background-position-x:   -10px,   90px,    40px;}
   40% {background-position-x:   -50px,  40px,    -20px;}
   50% {background-position-x:   0px,     70px,    10px;}
   60% {background-position-x:   -20px,   -10px,   -50px;}
   70% {background-position-x:   10px,    30px,    0px;}
   80% {background-position-x:   -10px,   -40px,   -20px;}
   90% {background-position-x:   20px,    30px,    30px;}
   100% {background-position-x:  0px,     0px,     0px;}
}
@keyframes snow2 {
   0% {background-position-y: 0px, 0px, 0px;}
   100% {background-position-y: 500px, 400px, 300px;}
}