.mas-logo {
  height: 36px;
  width: 170px;
  margin-left: $baseline-unit;
  background: transparent image_url('mas-logo.png') 0 0 no-repeat;

  @include respond-to($mq-m) {
    width: 216px;
  }

  @if $responsive == true {
    background: transparent image_url('mas-logo.svg') 0 0 no-repeat;
    background-size: contain;
  }
}

.mas-logo-small {
  width: 54px;
  height: 30px;
  display: block;
  margin: $baseline-unit*2 0 0 0;
  background: transparent image_url('mas-logo-small.png') 0 0 no-repeat;

  @if $responsive == true {
    background: transparent image_url('mas-logo-small.svg') 0 0 no-repeat;
    background-size: contain;
  }
}

.mas-logo {
  height: 36px;
  width: 170px;
  background: transparent image_url('mas-logo.png') 0 0 no-repeat;

  @include respond-to($mq-m) {
    width: 216px;
  }

  @if $responsive == true {
    background: transparent image_url('mas-logo.svg') 0 0 no-repeat;
    background-size: contain;
  }
}

.mas-logo-small {
  width: 54px;
  height: 30px;
  display: block;
  margin: $baseline-unit*2 0 0 0;
  background: transparent image_url('mas-logo-small.png') 0 0 no-repeat;

  @if $responsive == true {
    background: transparent image_url('mas-logo-small.svg') 0 0 no-repeat;
    background-size: contain;
  }
}

Remove layout information from logo.
Remove layout information from logo.
