.popcon-ci {
  display: block;
  flex: none;
  height: 40px;
  width: auto;
  max-width: none;
  object-fit: contain;
}

.topbar-brand .popcon-mascot {
  display: block;
  flex: none;
  object-fit: contain;
}

.auth-logo .popcon-ci { height: 40px; width: auto; }
.topbar-logo .popcon-ci { height: 36px; }
.header-logo .popcon-ci { height: 36px; width: auto; }
.topbar-brand .popcon-ci { height: 40px; }
.footer-brand-name .popcon-ci { height: 40px; }
.header-brand .popcon-ci { height: 40px; width: auto; }

@media (max-width: 600px) {
  .topbar-brand .popcon-ci { height: 32px; }
  .header-brand .popcon-ci { height: 34px; }
  .topbar .btn-login { flex-shrink: 0; white-space: nowrap; }
}

@media (max-width: 380px) {
  .topbar-brand .popcon-ci { height: 28px; }
}