body {
  background-color: #fff4cf;
}

h1 {
  color:darkgreen;
  font-family: "Mate SC", serif;
  font-size: 2.5em;
  text-align: center;
  margin: 0.2em;
  background-color: #e3e2ca;
  border: 2px solid;
}
h2 {
  color:darkgreen;
  font-family: "Mate SC", serif;
  font-size: 2em;
  padding: 0em 0.8em;
  background-color: #e3e2ca;
  border: 1px solid;
}

p {
  font-size: 1.05em
}

li {
  font-size: 1.1em;
}

.map {
   border: 3px solid darkgreen;
}

.link {
  color: green;
  font-size: 1.1em;
}

.box {
  background-color:#f7e5a1;
  border: 2px solid black;
}

.pad {
   padding: 0em 0em 0em 1em;
}

@media (min-width: 768px) {
  h1 {
  font-size: 5em;
  }