/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 20px 0;

  .logo {
    font-size: 28px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    letter-spacing: 1px;

    a {
      color: #fff;
    }

    img {
      max-height: 40px;
    }
  }

  &.header-scrolled {
    background: rgba(#000, .9);
    padding: 12px 0;
  }
}