.contact-details {
  grid-gap: 32px;
}

.contact-details .element {
  grid-template-columns: max-content auto;
  grid-gap: 16px;
}

.contact-details .heading {
  grid-template-columns: auto;
  padding: 0 0 16px;
  background: none;
}

.contact-details p {
  color: #222;
}

.contact-details a {
  color: #222;
  text-decoration: none;
}

/* - */

.contact-title-container h1 {
  align-self: center;
}

.contact-icon {
  align-self: center;
  background-color: green;
  max-width: 48px;
  border-radius: 64px;
  padding: 8px;
}

.contact-content-container {
  display: grid;
  justify-content: start;
  align-content: center;
}

/* - */