body.su-site #page-container .map-wrapper { position: relative; }
body.su-site #page-container .map-container iframe.ils-map { display: block; width: 100%; height: 100%; min-height: 300px; border: 0; }
body.su-site #page-container .map-wrapper .map-info { display: block; position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 3; background: #fff; padding: 8px 14px; box-shadow: 0 1px 6px rgba(0,0,0,.35); font-size: 14px; line-height: 20px; text-align: center; }

/* Contact details table: labels sit beside their values (Clarissa, 9 Oct) */
@media (min-width: 768px) {
  body.su-site #page-container .content table:not(.form) { width: auto; }
  body.su-site #page-container .content table:not(.form) td { width: auto !important; white-space: nowrap; padding: 2px 8px 2px 0; }
  body.su-site #page-container .content table:not(.form) td:nth-child(even):not([colspan]) { padding-right: 36px; }
  body.su-site #page-container .content table:not(.form) td[colspan] { white-space: normal; }
}

/* Contact details: the get directions row spans both columns on phones */
@media (max-width: 767px) {
  body.su-site #page-container .content table:not(.form) td[colspan] { grid-column: 1 / -1; }
}