.c-stacked-block-list {
  margin-bottom: var(--spacing-large);
  max-width: var(--l-max-width);
  overflow: hidden;
  /* max-width: 500px; */

  @media all and (min-width: 47em) {
    display: flex;
    flex-wrap: wrap;
  }
}

.c-stacked-block-list__item {
  align-items: center;
  background-image: var(--background-gradient-stacked-block-list);
  justify-content: center;
  padding: 1.125rem .5rem;
  text-align: center;

  @media all and (min-width: 47em) {
    border-radius: 3px;
    display: flex;
    margin: 1%;
    padding: 1.5rem .5rem;
    width: 48%;

    &:nth-of-type(odd) {
      background-image: var(--background-gradient-stacked-block-list2);
    }

    &:nth-of-type(even) {
      background-image: var(--background-gradient-stacked-block-list3);
    }
  }
}

@supports (display: grid) {
  .c-stacked-block-list {
    display: grid;
    grid-auto-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr;

    @media all and (min-width: 47em) {
      grid-auto-rows: 1fr 1fr;
      -ms-grid-columns: 1fr 1fr;
      grid-row-gap: 10px;
      grid-template-columns: repeat(2, 1fr);
      justify-items: center;
    }
  }

  .c-stacked-block-list__item {
    @media all and (min-width: 47em) {
      margin: 0;
      width: 100%;
      max-width: 250px;
      &:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        justify-self: center;
    }
    }
  }
}

.c-stacked-stat {
  color: var(--color-neutral-white);
  text-align: center;
  width: 100%;
}

.c-stacked-stat__title {
  display: block;
  font-size: 2.25rem;
  line-height: .9;
}

.c-stacked-stat__meta {
  display: block;
  font-size: var(--font-size-med);
  font-weight: 700;
  line-height: 1.3;
}

.c-stats__disclaimer {
  color: var(--color-neutral-gray-53);
  font-size: var(--font-size-sm-2);
  padding: 20px 0 0;
  text-align: center;

  @media all and (min-width: 47em) {
    padding-left: 2rem;
    text-align: left;
  }
}
