.brand {
  display: inline-flex;
  align-items: center;
  width: 195px;
  height: 52px;
  overflow: hidden;
  flex: 0 0 auto;
}

.brand-logo-window {
  display: block;
  position: relative;
  width: 195px;
  height: 52px;
  overflow: hidden;
}

.brand-logo-window img {
  position: absolute;
  display: block;
  width: 230px;
  max-width: none;
  height: auto;
  left: -18px;
  top: -19.75px;
}

@media (max-width: 600px) {
  .site-header .brand,
  .site-header .brand-logo-window {
    width: 170px;
    height: 47px;
  }

  .site-header .brand-logo-window img {
    width: 201px;
    left: -15px;
    top: -17px;
  }
}