.logo{
  font-family: 'Ubuntu', sans-serif;
}
#logo {
  width: 20vw;
  transition: all .2s ease;
  position: relative;
  z-index: 999;
}
#logo a {
  position: absolute;
  width: 100%;
  top: -20px;
}
.fixed #logo {
  max-width: 250px;
}
path.sym0,
path.sym1,
path.sym2 {
  fill: var(--c-lightgrey);
  transition: all .2s ease;  
}
path.sym3 {
  fill: var(--c-blue);
  transition: all .2s ease;  
}
.noscroll path.sym0,
.noscroll path.sym1,
.noscroll path.sym2,
.noscroll path.sym3{
  fill: var(--c-white);  
}
.fixed path.sym0 {
  fill-opacity: 0;
}
@media (max-width: 900px) {
#logo {
    width: 40vw;
  }
}