Accessibility fix for the map info element

[Doniee]

From Fotis:

Because the bottom popup has fixed positioning, it obscures most of the content when zooming at 200%.

You can fix this by only applying position: fixed; in a height-based media query. I usually do something like:

css
.popup {
  position: static;
}

@media screen and (min-height: 38rem) {
  .popup {
    position: fixed;
    /* etc. */
  }
}