/* The full corporate master is primary; the smaller city mark is secondary. */
.joshua-header .header-inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,260px) minmax(0,1fr);
  align-items:center;
  gap:24px;
  padding:10px 24px;
}
.joshua-header .header-inner > .brand {
  grid-column:2;
  grid-row:1;
  width:260px;
  max-width:100%;
  min-width:0;
  justify-self:center;
}
.joshua-header .city-brand {
  grid-column:1;
  grid-row:1;
  width:140px;
  max-width:100%;
  justify-self:start;
}
.joshua-header .city-brand img {display:block;width:100%;height:auto;object-fit:contain;}
.joshua-header .header-inner > .button {
  grid-column:3;
  grid-row:1;
  width:140px;
  max-width:100%;
  justify-self:end;
  margin:0;
  padding:12px 16px;
}
@media(max-width:900px) {
  .joshua-header .header-inner {grid-template-columns:minmax(0,1fr) minmax(0,230px) minmax(0,1fr);gap:18px;padding:8px 20px;}
  .joshua-header .header-inner > .brand {width:230px;}
  .joshua-header .city-brand {width:125px;}
  .joshua-header .header-inner > .button {width:125px;}
}
@media(max-width:600px) {
  .joshua-header .header-inner {grid-template-columns:1fr 1fr;gap:4px 20px;padding:6px 20px 12px;}
  .joshua-header .header-inner > .brand {grid-column:1 / -1;grid-row:1;width:210px;}
  .joshua-header .city-brand {grid-column:1;grid-row:2;width:112px;}
  .joshua-header .header-inner > .button {grid-column:2;grid-row:2;width:112px;}
}
@media(max-width:360px) {
  .joshua-header .header-inner {padding:6px 14px 12px;}
  .joshua-header .header-inner > .brand {width:190px;}
  .joshua-header .city-brand,
  .joshua-header .header-inner > .button {width:104px;}
}