/* CONTACT MAP ON PHONES (contact.html only, loaded after style.css)
   Same breakpoint where style.css switches the map iframe to width: 100%.
   The map fills the column and keeps a smaller decorative offset, so it no
   longer extends past the screen edge. Desktop and tablet are unchanged. */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .contact .map {
    display: block;
  }

  .contact .map .pattern-bg {
    width: 95%;
  }

  .contact .map .holder {
    width: calc(100% - 20px);
    transform: translate(20px, -20px);
  }
}