html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: #2f4558;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.launch-page {
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: #2f4558;
}

.launch-art {
  display: block;
  width: 100%;
  height: auto;
  max-width: 1920px;
  margin: 0 auto;
}

/* On large/wide displays, keep the complete design visible without
  stretching it beyond its native proportions. */

@media (min-width: 1600px) {
  .launch-page {
    align-items: center;
  }
}

/* On phones/tablets, the complete announcement remains visible.
  The image scales proportionally rather than being cropped. */

@media (max-width: 767.98px) {
  .launch-page {
    min-height: auto;
  }
}

@media (max-width: 767.98px) {
  .launch-art {
    width: 100%;
  }
}