/* Keep the larger header mark proportional and leave room for contact links. */
.header .brand{width:200px}
@media(max-width:1100px){
  .header .brand{width:172px}
}
@media(min-width:761px) and (max-width:1100px){
  .header .desktop-nav{flex-wrap:wrap;row-gap:8px;min-width:0}
}
@media(max-width:760px){
  .header .brand{width:160px}
}
@media(max-width:389px){
  .header{gap:8px;padding-inline:12px}
}
@media(max-width:359px){
  .header .brand{width:132px}
  .header{gap:4px}
}