.down-body {
  background-color: #1d2f4e;
}

.down-g-container {
  bottom: 0;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  top: 0;
}

.down-g {
  height: 1080px;
  left: 50%;
  max-height: 100vh;
  max-width: 100vw;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  user-select: none;
  width: 1920px;
}

.down-g > * {
  color: #ffffff;
  position: absolute;
}

.down-g__asteroid1 {
  left: calc(50% - 674px);
  top: calc(45% - 75px);
}
.down-g__asteroid2 {
  left: calc(50% + 650px);
  top: calc(22% + 318px);
}
.down-g__luggage {
  left: calc(50% - 162px);
  top: calc(44% + 99px);
}
.down-g__planet1 {
  left: calc(42% - 643px);
  top: calc(32% - 135px);
}
.down-g__planet2 {
  left: calc(60% - 29px);
  top: calc(54% + 121px);
}
.down-g__planet3 {
  left: calc(56% + 346px);
  top: calc(45% - 439px);
}
.down-g__satellite {
  left: calc(31% - 139px);
  top: calc(16% - 90px);
}
.down-g__scott {
  left: calc(33% - 700px);
  top: calc(51% - 121px);
}
.down-g__space-dust {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.down-g__stars {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.page-logo {
  display: block;
  margin: 0 auto 48px auto;
}

.down-content {
  color: #ffffff;
  display: block;
  margin: 0 auto;
  padding: 40px 24px 64px 24px;
  position: relative;
  top: 0px;
  z-index: 2;
}

.down-content-inner {
  margin: 0 auto;
  max-width: 400px;
  overflow: hidden;
  text-align: center;
}

.page-heading {
  font-size: 44px;
  font-weight: normal;
  letter-spacing: -0.015em;
  line-height: 60px;
  margin: 0 0 16px 0;
}

.page-message {
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  margin: 1em 0 0 0;
}

@media (max-width: 768px) {
  .desktop-only {
    display: none;
  }

  .down-content {
    background-color: #fff6ed;
    color: #1d2f4e;
    padding: 24px 24px 48px 24px;
  }

  .page-logo {
    margin: 0 auto 32px auto;
  }

  .down-content .page-message {
    color: #41567b;
  }

  .down-g-container {
    overflow: hidden;
    position: relative;
  }
  .down-g-tablet {
    left: calc(33% - 256px);
    position: relative;
  }
  .down-g-mobile {
    display: none;
    left: calc(65% - 245px);
    position: relative;
  }

  .down-g {
    max-height: 65vh;
    position: absolute;
  }
}

@media (min-width: 769px) {
  .not-desktop-only {
    display: none;
  }
}

@media (max-width: 375px) {
  .down-g-mobile {
    display: block;
  }
  .down-g-tablet {
    display: none;
  }
}