#landscape {
  position: relative;
  height: 910px;
  overflow: hidden;
}

#landscape .mountain,
#landscape .earth,
#landscape .horse {
  position: absolute;
}

#landscape .mountain,
#landscape .earth {
  width: 200%;
  left: -500px;
}

#landscape .mountain.m1 {
  background: url("../i/mountain1.png") -999px 0;
  bottom: 460px;
  height: 211px;
  z-index: 4;
}

#landscape .mountain.m2 {
  background: url("../i/mountain3.png") -1009px 0;
  bottom: 519px;
  height: 193px;
}

#landscape .mountain.m3 {
  height: 100%;
  z-index: 0;
}

#landscape .mountain.m3:after {
  background: url("../i/sky.png") 0 -49px repeat-x;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#landscape .mountain.m3:before {
  background: url("../i/mountain4.png") -999px 0;
  bottom: 450px;
  height: 229px;
  z-index: 1;
}

#landscape .mountain.m3:after,
#landscape .mountain.m3:before {
  content: '';
  position: absolute;
  width: 100%;
}

#landscape .mountain.m4 {
  z-index: 1;
}

#landscape .earth.m1 {
  background: url("../i/earth1.png");
  bottom: -170px;
  height: 343px;
  z-index: 9;
}

#landscape .earth.m2 {
  background: url("../i/earth2.png") -909px 0;
  bottom: 20px;
  height: 341px;
  z-index: 6;
}

#landscape .earth.m3 {
  background: url("../i/earth3.png") -1019px 0;
  bottom: 240px;
  height: 294px;
  z-index: 6;
}

#landscape .earth.m4 {
  background: url("../i/earth4.png") -1049px 0;
  bottom: 462px;
  height: 124px;
}

#landscape .horse.m1 {
  background: url("../i/horse1.png");
  bottom: 150px;
  left: 105px;
  width: 468px;
  height: 344px;
  z-index: 8;
}

#landscape .horse.m2 {
  background: url("../i/horse2.png");
  bottom: 398px;
  left: 930px;
  width: 99px;
  height: 71px;
  z-index: 7;
}