#header {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  padding: 1.25em;
  height: 25em;
  text-align: center;
  font-size: 40px;
  text-shadow: 0px 0px 5px #888888;
  background: url('wraith.jpg') top no-repeat;
  background-size: cover;
}

#container{
  top: 13em;
  position: absolute;
  text-align: center;
  color: white;
  z-index: 10;
  font-size: 20px;
  text-shadow: 2px 2px 5px black, -2px -2px 5px black, 2px -2px 5px black, -2px 2px 5px black;
  background-image: linear-gradient(rgba(0,0,0,0) 3%, rgba(0,0,0,0.7) 20%, rgba(0,0,0,1) 37%, rgba(0,0,0,1) 40%);
  left: 0;
  right: 0;
}