html, body {
  background: #b8b8b8;
  background: linear-gradient(0deg, #ebebeb 0%, #ebebeb 1%, #FFFFFF 90%);
  background-attachment: fixed;
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0;
}

#fog {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  background: linear-gradient(0deg, #FFFFFFFF 0%, #FFFFFF00 90%);
}

#monument {
  /*width: 108%;*/
  height: 100vh;
}

@media (orientation: portrait) {
  #wordmark {
    width: 50vw;
    margin-top: 2vw;
    margin-left: 2vw;
  }
}

@media (orientation: landscape) {
  #wordmark {
    height: 5.9vh;
    margin-top: 1.5vw;
    margin-left: 1.5vw;
  }
}