/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
.contact-hero {
  padding: 14rem 0 6.8rem;
}
.contact-hero .contact-info {
  display: flex;
  gap: 2.4rem;
}
.contact-hero .image-mobile {
  display: none;
}

@media (max-width: 768px) {
  .contact-hero .image {
    display: none;
  }
  .contact-hero .image-mobile {
    display: block;
    margin: 0 0 3rem;
  }
  .contact-hero .image-mobile img {
    border-radius: 50%;
    width: 9.6rem;
    height: 9.6rem;
    object-fit: cover;
  }
}