/* CSS Document */
body {
  background: #000000;
  margin: 0;
  font-family: 'Oswald';
}
.parallax-container {
  position: fixed;
  overflow: visible;
  width: 100%;
  height: 850px;
}
.parallax-layer {
  width: 100%;
  height: 500px;
  position: fixed;
  left: 0;
  top: 0;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-size: 960px 253px;
}
  .layer-0 {
    top: 0;
    z-index: 5;
    background: #002d48 url('img/moonstars.png') repeat-x top 20px center;
    background-size: 1024px 250px;
  }
  .layer-1 {
    top: -100px;
    z-index: 5;
    background-image: url('img/mountain.png');
  }
  .layer-2 {
    top: -50px;
    z-index: 10;
    background-image: url('img/forest-hi.png');
  }
  .layer-3 {
    top: -10px;
    z-index: 15;
    background-image: url('img/wolf.png');
  }
  .layer-4 {
    top: 65px;
    z-index: 20;
    background-image: url('img/forest-low.png');
	background-size: 1024px 379px;
  }
  .layer-5 {
    top: 150px;
    z-index: 25;
    background-image: url('img/front.png');
  }

  
.content {
  position: absolute;
  top: 600px;
  background: #000000;
  width: 100%;
  min-height: 1500px;
  z-index: 1000;
}
  .content h1 {
    color: #fff;
    font-size: 2em;
    text-transform: uppercase;
    text-align: center;
  }