.contactDetails > img {
    width: 100%;
  }

  .contactDetails h2,
  .contactMessage h2 {
    margin: 0;
    color: var(--colour-text-light);
  }

  .contactDetails p {
    margin: 0;
    line-height: 2rem;
    color: var(--colour-text-gray);
  }

  .openingHoursList {
    margin: 0;
    color: var(--colour-text-gray);
  }

  .openingHoursList > div {
    grid-template-columns: minmax(6rem, 1fr) auto;
  }

  .openingHoursList dd {
    margin: 0;
    text-align: right;
  }

  .contactDetails a {
    color: inherit;
    text-decoration: none;
  }

  #contactMap {
    width: 100%;
    aspect-ratio: 4 / 3;
    border: 0;
  }