#brx-header {
  transition:
    background 800ms ease-in-out,
    box-shadow 800ms ease-in-out;
  background: transparent;
  box-shadow: none;
}

#brx-header .bricks-nav-menu > li > a {
  transition:
    color 200ms ease-in,
    border 200ms ease-in;
}

#brx-header .logo {
  transition:
    transform 800ms ease-out,
    max-height 800ms ease-out;
  transform-origin: top left;
  max-height: 112px;
}

#brx-header.scrolling {
  background: #fff;
  box-shadow: 0 3px 12px -3px rgba(0, 0, 0, 0.35);
}

#brx-header.scrolling .logo {
  transform: translateX(-25%);
  max-height: 60px;
}