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

body {
  background-color: lemonchiffon;
}

h1 {
  color: #0070c0;
  text-align: center;
  font-family: sans-serif;
  font-size: large;
}

h2 {
  color: #0070c0;
  text-align: left;
  font-family: sans-serif;
  font-size: medium;
}

.note {
  font-size: small;
}

.note * em {
  color: red;
}
.description {
  background-color: white;
  font-size: small;
}

.foot_note {
  font-size: x-small;
}

#map_foot {
  margin-top: 2px;
  text-align: center;
}

.btn_return {
  padding: 2px 5px;
  color: #0070c0;
  text-align: center;
  text-decoration: none;
  font-family: sans-serif;
  font-size: small;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  border-radius: 10px;
  background-color: orange;
}

#path_info {
  font-size: small;
}

#map_ctls {
  margin-top: 2px;
  margin-bottom: 4px;
  display: grid;
  grid-template-columns: [mgn1] 10% [ctl1] 40% [ctl2] 40% [mgn2] 10%;
}
#map_ctl1 {
  grid-column-start: ctl1;
  grid-column-end: ctl2;
  text-align: center;
}
#map_ctl2 {
  grid-column-start: ctl2;
  grid-column-end: mgn2;
  text-align: center;
}