:root {
  --bs-primary: #00816d;
  --bs-primary-rgb: 0, 129, 109;
  --bs-link-color-rgb: 0, 110, 113;
  --bs-link-hover-color-rgb: 0, 88, 91;
  --bs-soft-primary: #e6f6f0;
  --bs-pale-primary: #f4fbf8;
}

body {
  color: #253b37;
}

.btn-primary {
  --bs-btn-bg: #00816d;
  --bs-btn-border-color: #00816d;
  --bs-btn-hover-bg: #006f60;
  --bs-btn-hover-border-color: #006f60;
  --bs-btn-active-bg: #006458;
  --bs-btn-active-border-color: #006458;
}

.school-logo {
  display: block;
  width: max-content;
  max-width: 100%;
  padding: 0.15rem 0.35rem;
}

.school-logo picture {
  display: block;
}

.school-logo img {
  display: block;
  width: min(100%, 280px);
  height: 72px;
  object-fit: cover;
  object-position: center;
}

.footer-brand {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  background: #fff;
  line-height: 0;
}

.footer-brand img {
  display: block;
  width: min(100%, 280px);
  height: 72px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 991.98px) {
  .school-logo img {
    width: 64px;
    height: 64px;
  }
}