.CardList {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 36px;
}.CardList > * {
    flex: 0 1 calc(100% / 2 - 10px);
    height: auto;
  }@media screen and (max-width: 767px) {.CardList {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

    .CardList > *:nth-child(n + 2) {
      margin-top: 16px;
    }
  }@media screen and (min-width: 768px) {.CardList {
    flex-direction: row;
    flex-wrap: wrap;
}
  }

@media screen and (min-width: 1200px) {
    .CardList--3 > * {
      flex: 0 1 calc(100% / 3 - 10px);
      height: auto;
    }
  }

@media screen and (min-width: 1200px) {
    .CardList--4 > * {
      flex: 0 1 calc(100% / 4 - 10px);
      height: auto;
    }
  }