.site-logo {
  position: relative;
  top: -6px;
  transition: width 200ms ease-in-out;
  width: 120px;
  z-index: 30; }
  @media (min-width: 55em) {
    .site-logo {
      width: 100%; } }
  @supports (filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3))) {
    .site-logo {
      filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3)); }
      .site-logo .site-logo__ie-shadow {
        display: none; } }
  .header__solid .site-logo {
    filter: none; }
    .header__solid .site-logo .text .site-logo__white {
      fill: #000; }
  @media screen and (max-width: 879px) {
    .main-menu__no-scroll .site-logo {
      height: 60px;
      overflow: hidden;
      width: 76px;
      top: 2px; }
      .main-menu__no-scroll .site-logo g.text {
        display: none; } }

.site-logo__link {
  position: absolute;
  left: 0;
  width: 100%;
  max-width: 170px; }

.site-logo__logo {
  width: auto;
  height: 200px; }

.header__solid.js-menu-open .site-logo .text .site-logo__white {
  fill: #FFF; }