.brand-logo,
.pass-logo {
  display: block;
  object-fit: contain;
  object-position: center;
  background: #fff;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 10px;
  box-shadow: 0 5px 18px rgba(0,0,0,.16);
}

.brand-logo {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  padding: 2px;
}

.login-brand .brand-logo,
.portal-login-art .brand-logo {
  width: 58px;
  height: 58px;
  flex-basis: 58px;
}

.sidebar .brand-logo,
.portal-side .brand-logo {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
}

.mobile-brand .brand-logo,
.mobile-p-brand .brand-logo {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
}

.join-brand .brand-logo {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
}

.pass-logo {
  width: 52px;
  height: 52px;
  padding: 2px;
  position: relative;
  z-index: 1;
}

@media (max-width: 780px) {
  .brand-logo { width: 44px; height: 44px; flex-basis: 44px; }
}