/* Grid layout ------------------------------------------------------------- */

.grid-container {
  display: grid;
  gap: 10px;
  margin: 5px;
  height: 100%;
  /* width: 100vw;
  height: 100vh; */
  grid-template-rows: auto 1fr;
}


/* .grid-item {

} */

.header-item1 {
  grid-row: 1;
  grid-column: 1 / 1;
  margin-left: auto;
  margin-right: auto;
}

.header-item2 {
  grid-row: 1;
  grid-column: 2 / 2;
  font-family: 'Helvetica';
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.header-item3 {
  font-family: 'Helvetica';
  grid-row: 1;
  grid-column: 3 / 3;
  margin-left: auto;
  margin-right: auto;
}

.item3 {
  grid-row: 2;
  grid-column: 1 / 4;
}

/* Other styles ----------------------------------------------------------- */

body {
  background-color: rgba(216, 215, 228, 0.349);
}

.mono {
  font-family: 'Courier New', Courier, monospace;
}



/* Leaflet map ------------------------------------------------------------- */

#mapid {
  position: relative;
  height: 100%;
  width: 100%;
}