.brand {
  display: inline-block;
  line-height: 0;
  vertical-align: top;
}

.brand-logo {
  display: block;
  width: 205px;
  max-width: 100%;
  height: auto;
}

.training-hero > .brand { margin-top: 17px; }
.training-hero .brand-logo { width: 210px; }
.training-hero .hero-content { margin-top: 34px; }
.training-hero .hero-bottom { margin-top: 42px; }
.login-card .brand-logo { width: 205px; }
.admin-top .brand-logo { width: 155px; }
.admin-top .eyebrow { margin-top: 12px; }

@media (max-width: 600px) {
  .training-hero > .brand { margin-top: 30px; }
  .training-hero .brand-logo { width: 175px; }
  .training-hero .hero-content { margin-top: 30px; }
  .training-hero .hero-bottom { margin-top: 35px; }
  .login-card .brand-logo { width: 180px; }
  .admin-top .brand-logo { width: 135px; }
}