:root {
  --primary: #f7ce5a;
  --primary-hover: #f5ed92;
  --secondary: #ddd6d6;
  --secondary-hover: #aae4e7;
  --neutral: #f5f5f5;
  --neutral-hover: #e0e0e0;
  --ff-body: "Assistant", sans-serif;
  --ff-heading: "Assistant", sans-serif;
}

.ul-title {
  border-bottom: 3px solid var(--primary);
  width: fit-content;
}

.card-main-image::before {
  background: transparent;
}
.card-name-h1 {
  font-size: var(--fs-500);
  margin-top: 2rem;
  color: black;
}
.card-title {
  font-size: var(--fs-400);
  color: black;
}

.card-map {
  display: none;
}
.logo-img {
  aspect-ratio: 1;
  border-radius: 50%;
  outline: 3px solid var(--primary);
}
.message-content {
  ul {
    color: var(--dark-green);
  }
  p {
    text-align: start;
    width: 100%;
  }
  strong {
    font-size: 1.5rem;
  }
}

.card-contact ul {
  color: black;
}
.qr-wrapper {
  color: black;
}
@media (min-width: 45em) {
  .card-message .message-content {
    justify-items: center;
  }
  .card-contact ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .card-main-image {
    background-size: contain;
    background-repeat: no-repeat;
  }
}