/* MENU */

  .header {
    /* position: sticky; */
    /* top: 0; */
    overflow: hidden;
    background-color: #333;
    padding: 0px 0px;
  }
  
  .header a.logo {
    float: left;
    margin-top: 7px;
  }
  
  .header ul {
    list-style-type: none;
    margin-left: 40%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    overflow: hidden;
    background-color: #333;
  }
  
  .header li {
    float: left;
  }
  
  .header li a {
    display: block;
    color: whitesmoke;
    /* font: 200 24px/normal "Mesmerize", sans-serif; */
    text-align: center;
    padding: 21px 16px;
    text-decoration: none;
  }
  
  .header li a:hover {
    background-color: #111;
  }
  
  .active {
    background-color: #3E3E3E;
  }