/* Make room for Careers without modifying the websites' existing stylesheets. */
@media (min-width: 1201px) and (max-width: 1440px) {
  .masthead > .desktop-nav { gap: 18px; }
  .masthead > .header-phone { display: none; }
}
@media (min-width: 851px) and (max-width: 1200px) {
  .masthead > .desktop-nav { display: none; }
  .masthead > .button { margin-left: auto; }
  .masthead > .header-phone { display: none; }
  .masthead > .menu-toggle { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; gap: 6px; width: 44px; height: 44px; padding: 10px; color: white; background: transparent; border: 1px solid #9da79d55; border-radius: 50%; }
  .masthead > .menu-toggle span { width: 16px; height: 1px; background: currentColor; }
  .masthead > .mobile-nav { position: absolute; top: calc(100% + 10px); left: 0; right: 0; display: flex; flex-direction: column; padding: 12px 20px; border: 1px solid #929b9b55; border-radius: 12px; background: #111619fa; box-shadow: 0 20px 45px #0007; }
  .masthead > .mobile-nav a { padding: 10px 4px; border-bottom: 1px solid #919f951f; font-size: 15px; }
  .masthead > .mobile-nav[hidden] { display: none; }
}
@media (min-width: 1251px) and (max-width: 1540px) {
  .site-header { gap: 12px; padding-inline: 18px; }
  .site-header > .site-nav { gap: 12px; font-size: 13px; }
  .site-header .site-nav .services-menu > summary { font-size: 13px; padding-inline: 3px; }
  .site-header .site-header-actions { gap: 12px; }
  .site-header .site-header-actions .site-phone { display: none; }
}
@media (max-width: 1250px) {
  .site-header > .site-nav { display: none; }
  .site-header > .site-menu-toggle { display: block; }
  .site-header .site-header-actions { margin-left: auto; }
}