.contact-details {
  min-width: 0;
}

.map-preview {
  position: relative;
  margin-top: 28px;
  min-height: 320px;
  overflow: hidden;
  border: 1px solid #474a4b;
  background: #0f1112;
}

.map-preview iframe {
  display: block;
  width: 100%;
  height: 320px;
  border: 0;
  filter: grayscale(1) contrast(1.05);
}

.map-label {
  position: absolute;
  z-index: 1;
  left: 16px;
  bottom: 16px;
  padding: 9px 12px;
  background: #c8ff35;
  color: #0a0b0d;
  font: 600 11px/1 'Space Grotesk', sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 560px) {
  .map-preview,
  .map-preview iframe {
    min-height: 270px;
    height: 270px;
  }
}