/* Keep the full company mark visible in the navigation at every screen size. */
.brand {
  width: 255px;
  height: 78px;
  flex: 0 0 auto;
}

.brand-logo {
  background-position: center 56%;
  background-size: 137% auto;
}

/* Keep the About-section SCP badge level. */
.about-mark {
  transform: none;
}

@media (max-width: 850px) {
  .brand {
    width: 205px;
    height: 66px;
  }

  .brand-logo {
    background-size: 140% auto;
  }
}

@media (max-width: 400px) {
  .brand {
    width: 178px;
  }
}