@media (max-width: 600px) and (orientation: portrait) {
  .contact-layout {
    margin: 0 auto;
  }

  .contact-share-copy {
    flex: 0 1 auto;
  }

  .contact-scene footer {
    margin-top: auto;
  }

  .contact-email-alternative {
    font-size: 9.1px;
    letter-spacing: -.01em;
  }

  .contact-email-alternative a {
    font-weight: 700;
    text-decoration: none;
  }
}

@media (max-width: 600px) and (orientation: portrait) and (min-height: 731px) {
  .contact-scene {
    padding-top: 115px !important;
  }

  .contact-layout {
    gap: 30px;
  }

  #prototype-contact fieldset {
    row-gap: 19px;
  }

  #prototype-contact button {
    margin-top: 18px;
  }

  .contact-email-alternative {
    margin-top: 10px;
  }

  .contact-share-band {
    margin-top: 20px;
  }
}

@media (max-width: 600px) and (orientation: portrait) and (min-height: 820px) {
  .contact-scene {
    padding-top: 125px !important;
  }

  .contact-layout {
    gap: 44px;
  }

  #prototype-contact fieldset {
    row-gap: 24px;
  }

  #prototype-contact button {
    margin-top: 22px;
  }

  .contact-email-alternative {
    margin-top: 12px;
  }

  .contact-share-band {
    margin-top: 32px;
  }
}

@media (max-width: 600px) and (orientation: portrait) and (max-height: 730px) {
  .contact-scene {
    padding-top: 120px !important;
  }

  .contact-layout {
    gap: 22px;
  }

  #prototype-contact fieldset {
    row-gap: 11px;
  }

  #prototype-contact button,
  .contact-email-alternative {
    margin-top: 9px;
  }

  .contact-share-band {
    margin-top: 16px;
  }
}

@media (max-width: 340px) and (orientation: portrait) and (max-height: 730px) {
  .contact-scene {
    padding-top: 106px !important;
  }

  .contact-layout {
    gap: 15px;
  }

  #prototype-contact fieldset {
    row-gap: 7px;
  }

  #prototype-contact button {
    margin-top: 7px;
  }

  .contact-email-alternative {
    margin-top: 8px;
  }

  .contact-share-band {
    margin-top: 12px;
  }
}