.station-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  height: auto;
  min-height: 84px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #fff;
}
.station-header > .brand { justify-self: start; }
.station-header > nav { justify-self: end; }
.company-logo {
  display: block;
  width: 180px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  justify-self: center;
}
.login-card > .company-logo { width: 230px; margin: 0 auto 28px; }
@media (max-width: 1100px) {
  .station-header { grid-template-columns: 1fr auto; gap: 10px; }
  .station-header > .company-logo { grid-column: 1 / -1; grid-row: 1; width: 160px; }
}
@media (max-width: 600px) {
  .station-header { grid-template-columns: minmax(0, 1fr); }
  .station-header > .brand, .station-header > nav { justify-self: center; }
  .station-header > nav { flex-wrap: wrap; justify-content: center; }
}