.statements-container {

  border-top: 1px solid var(--bg-grey);
  border-bottom: 1px solid var(--bg-grey);

  ul.statements {
    display: flex;
    /* gap: 1rem; */

    li {

      flex: 1;
      font-size: 1rem;
      display: flex;
      flex-direction: column;
      gap: .5rem;
      align-items: center;
      padding: 1rem .5rem;

      .number {
        font-size: 3rem;
        font-family: var(--font-alt);
        font-weight: 600;
      }

      .string {
        font-size: 1.8rem;
        font-family: var(--font-alt);
        font-weight: 600;
      }

      .statement {
        font-size: .8rem;
        line-height: 1.2rem;
        text-transform: uppercase;

        a {
          text-decoration: none;
          color: var(--alto-black);
          transition: color .3s ease-out;
          display: block;

          i {
            display: inline-block;
            padding-left: .5rem;
          }

        }

        a:hover {
          color: var(--alto-red);
        }
      }

    }

    li:not(:first-child) {
      border-left: 1px solid var(--bg-grey);
    }

  }

}

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

  .statements-container {

    ul.statements {

      flex-wrap: wrap;

      li {
        width: 50%;
        flex-direction: column;
        text-align: center;
        flex: auto;
        border-top: 1px solid var(--bg-grey);
      }

      li:not(:first-child) {
        border-left: none;
      }

      li:nth-child(even) {
        border-left: 1px solid var(--bg-grey);
      }

      li:nth-child(1),
      li:nth-child(2) {
        border-top: none;
      }

    }

  }

}