.checkerboard {
  background: #fcf7f0;
  color: var(--color-background);
  padding: 60px 0;
  /*min-height: 100vh;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 950 auto;

  @media (min-width: 768px) {
    padding: 160px 0;
  }

  .checkerboard__boxes {
    display: flex;
    flex-direction: column;
    gap: 88px;

    @media (min-width: 768px) {
      gap: 160px;
    }
  }

  .checkerboard__box {
    display: flex;
    flex-direction: column;
    gap: 40px;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.35rem;

    @media (min-width: 768px) {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 100px;
      align-items: center;

      &:nth-child(even) {
        img {
          order: 2;
        }

        > div {
          order: 1;
        }
      }
    }

    strong {
      font-weight: 700;
    }

    em {
      font-family: var(--font-headline-family);
      letter-spacing: 0.42px;
    }

    h2 {
      margin-bottom: 38px;
    }

    p:not(:last-of-type) {
      margin-bottom: 1rem;
    }

    ul {
      margin: 0 0 30px 0;
      padding: 0;
      list-style-type: none;

      li {
        margin: 10px 0 0 0;
        padding: 0;
      }
    }

    .button {
      margin-top: 26px;
    }
  }
}