/* Mobile header lockup, same size as the homepage. */
@media (max-width: 850px) {
  header .logo,
  .brand-home,
  .sidebar .brand {
    font-size: 28px;
    letter-spacing: -1.1px;
    gap: 8px;
  }
  header .brand-icon,
  .login .brand-icon,
  .sidebar .brand-icon {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 359px) {
  header .logo,
  .brand-home,
  .sidebar .brand {
    font-size: 22px;
    letter-spacing: -0.9px;
    gap: 6px;
  }
  header .brand-icon,
  .login .brand-icon,
  .sidebar .brand-icon {
    width: 22px;
    height: 22px;
  }
}