.nav-left {
  display: flex;
  flex-direction: column;
  align-items: center;   /* centers everything horizontally */
  text-align: center;
}

.nav-images {
  display: flex;
  justify-content: center;  /* centers the two images together */
  align-items: center;
  gap: 1.5rem;               /* space between logo and map */
}

/* Your existing responsive logo rules still apply */
.unit-logo {
  height: clamp(60px, 12vw, 140px);
  width: auto;
}

/* Match proportions but allow independent tuning */
.counties-map {
  height: clamp(60px, 12vw, 140px);
  width: auto;
}