.map-card {
  grid-column: 1 / -1;
  margin-top: 10px;
  overflow: hidden;
  background: #05070a;
  border: 1px solid #25414b;
}

.map-card iframe {
  display: block;
  width: 100%;
  height: 360px;
  border: 0;
  filter: grayscale(1) invert(.9) contrast(.9);
}

.map-card a {
  display: block;
  padding: 14px 18px;
  color: var(--cyan);
  font-weight: 700;
  text-align: right;
}

@media (max-width: 520px) {
  .map-card iframe { height: 280px; }
}