#header {
  height: 11rem;
  background-color: white;
  position: fixed;
  z-index: 40;
  left: 0;
  right: 0;
  top: 0;
  transition: all 0.2s ease; }

#logo {
  position: fixed;
  width: 8rem;
  height: 6rem;
  left: 50%;
  top: 2rem;
  margin-left: -4rem;
  transition: all 0.2s ease; }
  #logo img {
    width: 100%; }

#header.sticky {
  height: 6.143rem; }
  #header.sticky #logo {
    height: 3rem;
    overflow: hidden;
    width: 5rem;
    top: 1.6rem;
    margin-left: calc( -5rem / 2); }

@media only screen and (max-width: 767px) {
  #header {
    height: 6.143rem; }
    #header #logo {
      height: 3rem;
      overflow: hidden;
      width: 5rem;
      top: 1.6rem;
      margin-left: calc( -5rem / 2); } }

/*# sourceMappingURL=header.css.map */