/* Contact call-to-action: heading, orange button, image. */

.contact-section {
  width: 100%;
  padding: 100px var(--section-pad) 60px;
  overflow: hidden;
}

.contact-block {
  gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.contact-heading {
  font-size: var(--h2);
  text-align: center;
  text-transform: uppercase;
  color: var(--color-teal);
  font-weight: 500;
  line-height: 1.3em; /* room for capital accents (À) when the heading wraps */
  text-wrap: balance; /* even lines on narrow screens */
}

.contact-actions {
  gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-image {
  object-fit: contain;
  width: 494px;
}

@media screen and (max-width: 991px) {
  .contact-section { padding-top: 0; }
  .contact-heading { font-size: var(--h5); }
}

@media screen and (max-width: 767px) {
  .contact-block { gap: 44px; }
  .contact-heading { font-size: 28px; }
  .contact-actions { gap: 16px; }
  .contact-image { width: 350px; }
}

@media screen and (max-width: 479px) {
  .contact-block { gap: 40px; }
  .contact-heading {
    padding-top: 10px;
    font-size: 24px;
  }
}