.site-header .brand-mark {
  display: block;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  transform: none;
}
.site-header .brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.site-header .brand-mark i { display: none; }
.is-embedded .site-header .brand-mark {
  flex-basis: 28px;
  width: 28px;
  height: 28px;
  transform: none;
}
@media (max-width: 760px) {
  .site-header .brand-mark {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 380px) {
  .site-header .brand-mark {
    flex-basis: 26px;
    width: 26px;
    height: 26px;
  }
}