/* Shared identity only; page themes and application controls stay in their own stylesheets. */
.brand .brand-mark {
  display: block;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  line-height: 0;
}

.brand .brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
}

.footer-top .brand .brand-mark {
  width: 34px;
  height: 34px;
}

@media (max-width: 580px) {
  .library-site .brand .brand-mark {
    width: 35px;
    height: 35px;
  }

  .library-site .footer-top .brand .brand-mark {
    width: 32px;
    height: 32px;
  }
}