.brand .brand-mark,
.brand .brand-copy {
  display: none;
}

.brand::before {
  content: "";
  display: block;
  width: 176px;
  height: 60px;
  flex: 0 0 176px;
  background: url("/suria-official-logo.svg") center / contain no-repeat;
}

.site-header .brand {
  min-width: 190px;
}

.footer-brand .brand::before {
  width: 210px;
  height: 100px;
  flex-basis: 210px;
  border-radius: 18px;
  background-color: #ffffff;
  background-size: 88% auto;
}

.footer-brand .brand {
  min-width: 210px;
}

@media (max-width: 760px) {
  .brand::before {
    width: 146px;
    height: 54px;
    flex-basis: 146px;
  }

  .site-header .brand {
    min-width: 146px;
  }
}