.menuItemsGrid {
    margin: 0 auto;
    max-width: 22rem;
  }

  .menuItemsGrid > li,
  .menuItem {
    width: 100%;
    cursor: pointer;
  }

  .menuItemHeading {
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-transform: uppercase;
    color: var(--colour-text-light);
  }

  .menuItemHeading strong {
    font-family: "MEDIUM", sans-serif;
    font-weight: 400;
    white-space: nowrap;
  }

  .menuItemDescription {
    max-width: 100%;
    font-size: 0.875rem;
    line-height: 1.75rem;
    color: var(--colour-text-gray);
  }

  .menuItemDescription > span {
    display: block;
  }

  .menuItem:hover .menuItemHeading {
    color: var(--colour-brand-main);
  }

  @media screen and (min-width: 700px) {

    .menuItemsGrid {
      max-width: none;
    }
  }

  @media screen and (min-width: 768px) {

    .menuItemHeading {
      margin-bottom: 0.5rem;
    }

    .menuItemDescription {
      max-width: none;
    }
  }