* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h2 {
  border-bottom: 1px dotted #000;
  font-size: 1rem;
  margin: 1.5rem auto .5rem 0;
}

body {
  background: #edac37;
  font-family: 'Helvetica Neue', 'Helvetica Neue Lt Std', 'Arimo', 'Arial', sans-serif;
  margin: 1rem;
}

header {
  max-width: 560px;
}

main {
  max-width: 560px;
}

footer {
  margin-top: 2rem;
  font-size: small;
  font-weight: bold;
}

@keyframes vanish {
  0% { opacity: 1; top: 1rem; }
  100% { opacity: 0; top: -10rem; }
}

.message {
  animation: vanish ease 500ms;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  filter: invert(100%);
  background: yellow;
  margin-left: -.5rem;
  padding: .5rem;
  box-shadow: 5px 5px 0 0 #fff;
  margin-bottom: 1rem;
  z-index: 999;
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: 1rem;
}

#map {
  height: 20rem;
}

td {
  padding-bottom: .15rem;
}

td:first-child {
  padding-right: 1rem;
}

hr {
  background: transparent;
  border: 0;
  height: 1px;
  margin: 1rem 0;
}

figure img {
  border: 1px solid #000;
  max-width: 100%;
}

figcaption {

}

form.login input,
form.login button {
  margin-top: .25rem;
}


/** iOS hacks stolen from: https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/ */
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px; }
}