body {
      margin: 0;
      font-family: sans-serif;
      background-color: #fff;
      color: #333;
    }

    h1 {
      text-align: center;
      margin: 40px 0 20px;
      font-size: 2rem;
    }

    h1 span {
      color: red;
    }

    .location-banner img {
      width: 100%;
      height: auto;
    }

    .locations-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 20px;
      padding: 20px;
      max-width: 1200px;
      margin: auto;
    }

    .location-card {
      background-color: #dcdcdc;
      border-radius: 8px;
      overflow: hidden;
      text-align: center;
      text-decoration: none;
      color: inherit;
      box-shadow: 0 2px 5px rgba(0,0,0,0.05);
      transition: transform 0.2s, box-shadow 0.2s;
      display: flex;
      flex-direction: column;
    }

    .location-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
		text-decoration: none;    /* No underline */
		color: inherit;           /* Optional: inherit text color */
    }

    .location-card img {
      width: 100%;
      height: auto;
      display: block;
    }

    .location-title {
      font-size: 1.6rem;
      font-weight: bold;
      color: red;
      margin-top: 15px;
    }

    .location-address,
    .location-phone {
      margin: 0 0;
      font-size: 0.95rem;
    }

    .location-icons {
      margin-bottom: 15px;
    }

    .location-icons i {
      font-size: 1.1rem;
      margin: 0 8px;
    }


.reference-key {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  margin: 2rem auto;
  width: 90%;         /* allows responsive shrinking */
	text-align:center;
}

.reference-row {
  display: flex;
  align-items: center;
}

.reference-icon {
  width: 24px;
  text-align: center;
  margin-right: 10px;
  font-size: 1.2em;
  flex-shrink: 0;
}

.reference-text {
  flex: 1;
}


/* Media Styles */
    @media (max-width: 480px) {
      h1 {
        font-size: 1.5rem;
        margin-top: 20px;
      }

      .location-title {
        font-size: 1.6rem;
      }
    }