/* Keep the additional menu item on the original black navigation bar. */
@media (min-width: 992px) {
  .client-updates-page .header .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
    padding-right: 45px;
  }
  .client-updates-page .header .menu [data-rmenu-add] {
    padding: 0 3px;
    font-size: 12.8px;
    white-space: nowrap;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .client-updates-page .header .menu { display: block; }
  .client-updates-page .header .menu a { display: none; }
  .client-updates-page .rmenu-btn { display: block; top: 50px; }
}

.numbers-summary { margin: 0 0 24px; }
.numbers-summary__image { display: block; width: 100%; height: auto; }
.numbers-summary__mobile { display: none; }

/* Use readable HTML rather than shrinking the wide graphic on small screens. */
@media (max-width: 575.98px) {
  .numbers-summary__image { display: none; }
  .numbers-summary__mobile {
    display: block;
    padding: 20px 16px;
    background: #f5ea14;
    border: 4px solid #000;
    color: #000;
    font-family: 'AmnestyTradeGothic-Condesed', sans-serif;
    text-transform: uppercase;
  }
  .numbers-summary__mobile h2 { margin: 0 0 24px; font-size: 24px; line-height: 1.1; }
  .numbers-summary__mobile dl { margin: 0; }
  .numbers-summary__mobile dl > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
  }
  .numbers-summary__mobile dl > div + div { margin-top: 20px; }
  .numbers-summary__mobile dt { font-size: 19px; line-height: 1.15; font-weight: normal; }
  .numbers-summary__mobile dd { margin: 0; font-size: 32px; line-height: 1; }
}