/* Support page final CTA banner hotfix
   Replaces the awkward separate side illustrations with one integrated banner artwork.
   Keeps the existing heading and PayPal button. */

.support-final__panel--banner {
  position: relative;
  display: block;
  min-height: 15rem;
  padding: 1.35rem 2rem 1.2rem;
  background-color: #faf6eb;
  background-image: url('../img/support/support_final_cta_banner_replacement.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.support-final__panel--banner .support-final__art {
  display: none;
}

.support-final__panel--banner .support-final__copy {
  position: relative;
  z-index: 1;
  max-width: 40rem;
  margin: 0 auto;
  text-align: center;
}

.support-final__panel--banner .support-final__copy h2 {
  max-width: 37rem;
  margin-left: auto;
  margin-right: auto;
}

.support-final__panel--banner .support-final__copy .support-button {
  margin-top: 0.95rem;
}

.support-final__panel--banner .support-final__copy p {
  margin-top: 0.75rem;
}

@media (max-width: 1180px) {
  .support-final__panel--banner {
    min-height: 14rem;
    padding: 1.25rem 1.5rem 1.1rem;
    background-position: center center;
  }

  .support-final__panel--banner .support-final__copy {
    max-width: 34rem;
  }
}

@media (max-width: 860px) {
  .support-final__panel--banner {
    min-height: 13.2rem;
    padding: 1.15rem 1.2rem 1rem;
    background-size: cover;
  }

  .support-final__panel--banner .support-final__copy {
    max-width: 30rem;
  }
}

@media (max-width: 640px) {
  .support-final__panel--banner {
    min-height: 12.5rem;
    padding: 1rem 1rem 0.95rem;
    background-position: 47% center;
  }
}