* {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#landscape {
  background: #000000 url(../images/orientation.jpg) center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 32px;
  color: white;
  line-height: 2;
}

@media screen and (min-aspect-ratio: 16/9) {
  #landscape {
    display: block;
  }
}