/* Display the supplied original without its surrounding white margins. */
.hub-logo { display: block; position: relative; overflow: hidden; width: 196px; aspect-ratio: 2.65; flex: 0 0 auto; mix-blend-mode: multiply; }
.hub-logo img { position: absolute; width: 124%; max-width: none; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.school-brand .hub-logo { width: 196px; }
.site-brand--login { flex-direction: column; align-items: center; text-align: center; }
.site-brand--login .hub-logo { width: 240px; max-width: 100%; }
.site-brand--login .site-brand__eyebrow { display: none; }
@media (max-width: 700px) {
  .school-brand .hub-logo { width: 184px; }
  .site-header .hub-logo { width: 150px; }
}

.login-card .button-row { flex-wrap: wrap; }
.login-card .button-row > * { max-width: 100%; }