.header {
  background: #7adfa4;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom,  #cdf3dd, #7adfa4);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom,  #cdf3dd, #7adfa4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  padding: 1em;
  text-shadow: 4px 4px 10px #666;
}

.btn {
    margin-bottom:10px;
    font-weight: bold;
}

.btn-menu {
  color: #fff;
  background: #285818;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #48b030, #285818);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #48b030, #285818); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.btn-menu:visited {
  color: #eee;
}
.btn-menu:hover {
  color: #fff;
  background: #38a020;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #38a020, #48b030);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #38a020, #48b030); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-color: #245b19 #245b19 hsl(110, 56%, 18%);
}
.btn-menu:focus {
  color: #fff;
}

.footer {
  background: #7adfa4;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom,  #cdf3dd, #7adfa4);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom,  #cdf3dd, #7adfa4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  padding: 0.2em;
  font-size: 14px;
}

li {
  margin: 0px 0px 5px;
}

span.grad {
  font-size: small;
  color: maroon;
  margin-left: 8px;
}
.bold {
  font-weight:bold;
}