body.ghost {
  background-color: black;
  color: white;
}

body.ghost footer {
  background-color: white;
  color: black;
}

body.ghost article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.8em;
  width: 700px;
  max-width: 80%;
}

body.ghost article>img {
  display: block;
  margin: auto;
  max-width: 100%;
  height: auto;
}

body.ghost h4,
body.ghost h5,
body.ghost h6 {
  display: none;
}

body.ghost h2.dahmertitle {
  display: block;
  margin: auto;
  text-align: center;
  font-family: "Moms Typewriter", 'Courier New', Courier, monospace;
  color: white;
  margin-bottom: 1em;
  font-size: 1.3em;
}

body.ghost img.dahmertitle {
  display: none;
}




@media only screen and (min-width: 1024px) {


  body.ghost h2.dahmertitle {
    display: none;
  }

  body.ghost img.dahmertitle {
    display: block;
    margin: auto;
  }

  body.ghost h4,
  body.ghost h5,
  body.ghost h6 {
    display: block;
  }

  body.ghost h4 img,
  body.ghost h5 img,
  body.ghost h6 img {
    display: block;
    position: absolute;
    max-width: 100%;
    height: auto;
  }

  body.ghost h4 {
    position: absolute;
    left: 10px;
    top: 243px;
    width: 253px;
    max-width: 20%;
    height: auto;
  }

  body.ghost h5 {
    position: absolute;
    right: 20px;
    top: 800px;
    width: 290px;
    max-width: 20%;
    height: auto;
  }

  body.ghost h6 {
    position: absolute;
    left: 20px;
    top: 1280px;
    width: 294px;
    max-width: 20%;
    height: auto;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  /*
  body.ghost h4 {
    left: 80px;
  }

  body.ghost h5 {
    right: 80px;
  }

  body.ghost h6 {
    left: 80px;
  } */
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

  body.ghost h4 {
    left: 100px;
  }

  body.ghost h5 {
    right: 100px;
  }

  body.ghost h6 {
    left: 100px;
  }
}