.body {
    overflow: hidden;
    /*background: url(img/bg2.jpg) #D7ECFA no-repeat !important;   */
    background-color: #bdb9bd
}

.scene {
  position: absolute;
  top:0px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  right: 0; 
  height: 800px;
}


.clouds {
    width:100%;
    height:1000px;
    top: 20px;
    position: relative;
    -webkit-animation-name: example;
    -webkit-animation-duration: 50s;
    -moz-animation-duration: 50s;
    -ms-animation-duration: 50s;
    -o-animation-duration: 50s;
    animation-duration: 50s;
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -moz-animation-name: example;
    -ms-animation-name: example;
    -o-animation-name: example;
    animation-name: example;
    animation-iteration-count: infinite;
}

@-webkit-keyframes example {
    0%   {
    left:0px;    
    top:10px;}
    
    100% {    
    left:1000px;
    top:0px;}
}


@keyframes example {
    0% {               
        left: 0px;               
        top: 10px;
    }

    100% {
        left: 1000px;
        top: 0px;
    }
}


.scene > div {
  position: absolute;
  bottom: 0;
}

.ground {
  width: 100%;
  height: 30px;
  background: #1d1818;
  z-index: 999;
}


.scene > div.clouds {
  width: 101%;
  height: 405px;
  bottom: 90px;
  /*background: url(img/clouds5.png) repeat;*/
 top:8px;
 z-index:-1;

}