#header {
  background-image: url(%%snow%%), url(%%snow%%), url(%%snow%%), url(%%bg%%);
  background-size: 250px 250px, 500px 500px, 125px 125px, 1920px 596px;
  background-position: 0px 0px, 0px 0px, 0px 0px, 0px -180px;
  background-repeat: repeat, repeat, repeat, no-repeat;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
  background-color: #142552;
  transition: all 500ms linear;
  overflow: hidden;
  height: 300px;
  border: none;
}
@media screen and (max-width: 1400px) {
  #header {
    height: 200px;
  }
}
@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px, 0px -180px;
  }
  100% {
    background-position: 500px 1000px, 1000px 1000px, 375px 500px, 0px -180px;
  }
}
@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px, 0px -180px;
  }
  100% {
    background-position: 500px 1000px, 1000px 1000px, 375px 500px, 0px -180px;
  }
}
@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px, 0px -180px;
  }
  100% {
    background-position: 500px 1000px, 1000px 1000px, 375px 500px, 0px -180px;
  }
}
@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px, 0px -180px;
  }
  100% {
    background-position: 500px 1000px, 1000px 1000px, 375px 500px, 0px -180px;
  }
}