#map { height: 100%; width: 100% }

body {
 margin: 0;
 font-family: "Zilla Slab", serif;
}

h1 {
  font-family: "Beth Ellen", cursive;
  font-size: 2em;
  margin-top: 0;
}

p,li {
  font-size: 1.2em;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 2fr 1fr;
  height: 100vh;
  width: 100vw;
}

.grid > .item {
  padding: 20px;
}

.grid > #map-grid {
  grid-row: 1/3;
  padding: 0;
}

.gallery {
  text-align: center;
}

.gallery a {
  padding: 0.6em;
}

.gallery img {
  border-radius: 6px;
}

table#results {
  margin: 0
}

@media only screen and (max-width: 1200px) {
  .grid {
    display: block;
  }
  .grid > #map-grid {
    height: 50vh;
  }