/* Company > Where we operate.
   regions.css sizes each office block to width:max-content, which was written
   for the footer's city/country pairs. The company section carries a short
   descriptor as well, so the blocks are allowed to share the row evenly
   instead of growing to their longest line. Loads after regions.css. */

.company-page #offices .grid{
  flex-wrap:wrap;
  align-items:stretch;
  justify-content:flex-start;
}

.company-page #offices .grid>.region-company-card{
  flex:1 1 220px;
  width:auto;
  max-width:none;
  min-width:0;
}

.company-page #offices .region-company-card h3{
  margin:8px 0 2px!important;
  font-size:22px;
  line-height:1.2;
}

.company-page #offices .region-company-card p.muted{
  margin:0 0 4px!important;
  max-width:30ch;
}

.company-page #offices .region-company-card p.muted:first-of-type{
  color:#777b91;
  font-size:14px;
  letter-spacing:.01em;
}

@media(max-width:900px){
  .company-page #offices .grid>.region-company-card{flex:1 1 100%}
}