/* grid stuff */
#header { grid-area: 1 / 1 / 2 / 14; }
#map { grid-area: 2 / 1 / 4 / 13; }
#nav { grid-area: 2 / 13 / 4 / 14; text-align:left; font-size:20px; overflow:hidden; }
#foot { grid-area: 4 / 6/ 5 / 10; text-align:center; }

.grid-container {
  display: grid;
  grid-template-columns: 245px repeat(11, [col-start] 1fr) 245px;
  grid-template-rows: 70px 250px 320px 75px;
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  background: transparent;
  max-width:1200px;
  margin:auto;
}

.grid-container > div {
  background: linear-gradient(166deg,rgba(205, 255, 97, 1) 3%, rgba(126, 185, 0, 1) 80%, rgba(23, 138, 0, 1) 100%);
  box-shadow: inset 0 0 8px #D7FF80;
  border: 5px ridge green;
  border-radius:15px;
  text-align: center;
  font-size: 20px;
  position:relative;
  padding:10px;
  overflow: auto;}
}
/* grid stuff ends */

#sites #lightgreenbox {
  min-height:125px;
  overflow-y:scroll;
}

h2 {
  line-height:0.1px;
  margin-bottom:0px;
}

.redtext {
  line-height:0.1px;
  margin-bottom:-20px;
  color:red;
}

p {
  padding:0px;
}