.navbar-brand img {
  height: 800px;
  max-height: 800px;
  margin-right: 8px;
  vertical-align: middle;
}

@media (max-width: 991.98px) {
  .navbar-brand img {
    height: 56px;
    max-height: 56px;
  }
}

@media (max-width: 575.98px) {
  .navbar-brand img {
    height: 44px;
    max-height: 44px;
  }
}

/* Make favicons higher-resolution when used as icons in some UIs */
/* (Browsers choose best available size; consider adding dedicated favicon files) */