#logo {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  pointer-events: none;
  height: 5rem;
}
#logo >div {
  display: flex;
  align-items: center;
  justify-content: left;
}
@media screen and (max-width: 900px) {
  #logo >div {
    justify-content: center;
  }
}
#logo a {
  pointer-events: all;
  display: flex;
  align-items: center;
  line-height: 0;
  cursor: pointer;
}
#logo a >div:nth-child(2) {
  display: inline-block;
  text-indent: -9999px;
}
#logo svg {
  width: auto;
  height: 2.9rem;
  transition: all .1s;
}
#logo svg .logo-color-primary {
  transition: fill .5s;
  fill: #212022;
}
.scrolled #logo svg {
  height: 2rem;
}
#logo svg .logo-color-secondary {
  transition: fill .5s;
  fill: #3b3a3c;
}
.has-dark-background #logo svg .logo-color-primary {
  fill: #c8c7c9;
}
.has-dark-background #logo svg .logo-color-secondary {
  fill: #efeef0;
}