:root {
  --primary-color: #023047;
}


h2,
h3,
h4 {
  margin-top: 3em !important;
}

.md-header {
  background-color: var(--primary-color);
}

.md-tabs {
  background-color: var(--primary-color);
}

@media (max-width: 768px) {
  .md-nav--primary .md-nav__title[for="__drawer"] {
    background-color: var(--primary-color);
  }
}

footer.custom-footer {
  background-color: var(--primary-color);
  color: #f1f1f1;
  padding: 20px 20px;
  text-align: center;
  margin-top: 50px;
}

.footer-container {
  padding: 40px;
  max-width: 900px;
  margin: auto;
}

.footer-copy {
  font-size: 0.7rem;
  color: #ffffff;
}