/* Official JPeG Design logo from the New Branding Drive folder.
   New stylesheet so Cloudflare does not serve a cached app.j5.css. */

.login-brand .lb-logo{
  display:block;
  width:min(100%,340px);
  height:auto;
  object-fit:contain;
  background:var(--cream);
  border-radius:20px;
  padding:16px 20px 18px;
  box-sizing:border-box;
  box-shadow:0 10px 28px rgba(0,0,0,.25);
  margin:0;
}
.login-logo{
  width:72px;
  height:72px;
  object-fit:contain;
  object-position:center;
  padding:6px;
  box-sizing:border-box;
  border-radius:18px;
  background:transparent;
}
.sidebar .brand img,
.topbar .brand-m img{
  object-fit:contain;
  object-position:center;
  padding:4px;
  box-sizing:border-box;
  background:var(--cream);
}

@media (min-width:900px) and (max-height:860px){
  .login-brand .lb-logo{width:min(100%,260px);padding:12px 14px 14px;border-radius:16px}
}
@media (min-width:1600px){
  .login-brand .lb-logo{width:min(100%,400px);padding:20px 24px 22px;border-radius:24px}
  .login-logo{width:80px;height:80px;border-radius:20px;padding:7px}
}
@media (min-width:2200px){
  .login-brand .lb-logo{width:min(100%,460px);padding:24px 28px 26px;border-radius:26px}
  .login-logo{width:88px;height:88px;border-radius:22px;padding:8px}
}