.contact-details {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}

.contact-details a,
.contact-details address {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  line-height: 1.55;
}

.contact-details small {
  display: block;
  margin-bottom: 3px;
  color: #d8bfc2;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.contact-details a:hover,
footer p a:hover {
  color: #f0c7cc;
}

@media (min-width: 560px) {
  .contact-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-details address {
    grid-column: 1 / -1;
  }
}