#main-header {
    z-index: 999;
    position: relative;
    box-shadow: 0px 1px 6px #6a6a6a2d;
    top: 0;
  
    &.inverted:not(.fixed) {
      position: absolute;
      width: 100%;
      box-shadow: none;
  
      & ul:not(.sub-menu) > li >a {
        color: white;
      }

      .mobile-burger{
        path{
          stroke: white;
        }
      }
  
      #logo {
        .logo-white {
          display: block;
        }
  
        .logo-default {
          display: none;
        }
      }
    }
  
    .pre-header {
      position: absolute;
      width: 100%;
      top: 0px;
      z-index: 2;
      
      /* background-color: #555; */
  
      .menu-item {
        padding: $spacing_unit * 2;
        /* color: #ccc; */
  
        list-style: none;
  
       /*  &:hover {
          color: #fff;
        } */
      }
    }
  
    .header-container {
     /*  padding-top: $spacing_unit * 2;
      padding-bottom: $spacing_unit * 2; */

  
      &:not(.contained) {
        padding: $spacing_unit * 2 $spacing_unit * 4 $spacing_unit * 2
          $spacing_unit * 4;
      }
    }
  
    #logo {
      max-width: 100px;
      margin-right: $spacing_unit * 7;
  
      .logo-white {
        display: none;
      }
  
      .logo-default {
        display: block;
      }
    }
  
    &.fixed {
      transition: top .5s;
      position: fixed;
      background: white;
      width: 100%;
      z-index: 999;
      top: 0;
  
      /* .pre-header {
        display: none;
      } */
    }
  }
  
 /*  body.admin-bar {
    #main-header.fixed {
      top: 32px;
    } 
  } */