body {
  font-family: Arial, sans-serif;
}

#nav-band{
  background-color: #9ec530;
}

    .header-main {
      display: flex;
      align-items: stretch;
      padding: 10px 0 10px 0;
      /*background-color: #f8f9fa;*/
    }

    .header-logo {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 10px 5px 0;
      /*background-color: #e9ecef;*/
      min-width: 100px;
    }

    .header-right {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-left: 1px;
    }

    .site-title {
      padding: 1px 0 5px 0;
      font-size: 1.5rem;
      font-weight: bold;
      /*background-color: #e9ecef;*/
    }

    .main-menu {
      padding: 2px 0 1px 0;
      /*background-color: #e9ecef;*/
    }

    @media (max-width: 768px) {
      .header-main {
        flex-direction: column;
      }

      .header-right {
        padding-left: 0;
      }

      .header-logo {
        justify-content: flex-start;
      }
    }

.white-link:link, .white-link:active, .white-link:visited{
  color:#FFFFFF;
  text-decoration:none;
}  

.white-link:hover{
  color:#1c6636;
  text-decoration:none;
}