body {
  margin: 15px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  min-width: 300px;
}

header {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}
header div {
    height: 50px;
}
header img {
    max-height: 50px;
}
header div.left {
    flex: 50%;
}
header div.right {
    flex: 50%;
    text-align: right;
}
header .left.logo img {
    margin-bottom: 10px;
}

.hamburger svg line {
  stroke: #669900;
  stroke-width: 2px;
}
.hamburger svg rect {
  fill: #000;
  fill-opacity: 0;
  stroke: #669900;
  stroke-width: 0px;
  cursor: pointer;
}
.hamburger svg rect:hover {
  fill-opacity: 0.2;
  stroke-width: 0.5px;
}

header.md {
  display: none;
}
header.sm {
  display: none;
}

@media (max-width: 790px) {
  header.lg {
    display: none;
  }
  header.md {
    display: flex;
    flex-wrap: nowrap;
  }
  header.sm {
    display: none;
  }
}

@media (max-width: 500px) {
  header.lg {
    display: none;
  }
  header.md {
    display: none;
  }
  header.sm {
    display: flex;
    flex-wrap: nowrap;
  }
}

h3 {
    font-size: 18pt;
    font-weight: 300;
    margin: 0 0 20pt 0;
    padding: 0 0 5pt 0;
    border-bottom: 1px solid #669900;
}

footer {
  margin-top: 3px;
  font-size: 12px;
}

footer a {
  margin-left: 5px;
}