body {
  font-family: "Muli", "Open Sans", "OpenSans", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
  font-size: 16px;
}
h1,
h2,
h3,
h4,
legend {
  font-family: "Titillium Web", "Open Sans", "OpenSans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}
body pre {
  font-size: 14px;
}
body .pun,
body .opn,
body .clo {
  color: #7a899a;
}
body a {
  color: #3aa57c;
}
.navbar {
  height: 50px;
  color: #3aa57c;
  background-color: #f8f9fa;
  border-bottom: 4px #3aa57c solid;
  border-top: none;
  padding: 0.25rem;
  box-shadow:
    1px 1px 3px rgba(0, 0, 0, 0.12),
    1px 1px 2px rgba(0, 0, 0, 0.24);
  z-index: 200;
}
.navbar .nav li.navbar-text,
.navbar .navbar-brand,
.navbar .navbar-brand:hover {
  color: #3aa57c;
}
.navbar .navbar-brand {
  display: flex;
  align-items: center;
  color: #3aa57c;
  padding: 0 !important;
  font-size: 20px;
  line-height: 30px;
}
.navbar-brand img {
  height: 30px;
  width: auto;
  margin-right: 8px;
  margin-top: -6px;
}
.navbar-brand span {
  margin-top: -10px;
}
.navbar .container {
  width: 100%;
}