// В этом файле должны быть стили для БЭМ-блока logo, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority

.logo {
  $block-name: &;

  display: inline-block;
  white-space: nowrap;
  line-height: 0;
  width: 135px;

  @media (min-width: $screen-xl) {
    width: 200px;
  }

  @media (min-width: $screen-lg) {
    width: 170px;
  }

  @media (min-width: $screen-md) {
    width: 150px;
  }

  img {
    display: block;
  }

  svg {
    width: 100%;
    height: auto;
  }
}
