.cardistry {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .cardistry {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.cardistry .field__item {
  width: 100%;
}
.cardist-1 {
  width: 100%;
}
.cardist-2 .field__item {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .cardist-2 .field__item {
    width: 50%;
  }
  .cardist-2 .field__item:first-child:nth-last-child(1), .cardist-2 .field__item:first-child:nth-last-child(1) ~ .field__item {
    width: 100%;
  }
}
.cardist-3 .field__item {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .cardist-3 .field__item {
    width: 33.3333333333%;
  }
  .cardist-3 .field__item:first-child:nth-last-child(2), .cardist-3 .field__item:first-child:nth-last-child(2) ~ .field__item {
    width: 50%;
  }
  .cardist-3 .field__item:first-child:nth-last-child(1), .cardist-3 .field__item:first-child:nth-last-child(1) ~ .field__item {
    width: 100%;
  }
}
.cardist-4 .field__item {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .cardist-4 .field__item {
    width: 25%;
  }
  .cardist-4 .field__item:first-child:nth-last-child(3), .cardist-4 .field__item:first-child:nth-last-child(3) ~ .field__item {
    width: 33.3333333333%;
  }
  .cardist-4 .field__item:first-child:nth-last-child(2), .cardist-4 .field__item:first-child:nth-last-child(2) ~ .field__item {
    width: 50%;
  }
  .cardist-4 .field__item:first-child:nth-last-child(1), .cardist-4 .field__item:first-child:nth-last-child(1) ~ .field__item {
    width: 100%;
  }
}
.cardist-5 .field__item {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .cardist-5 .field__item {
    width: 20%;
  }
  .cardist-5 .field__item:first-child:nth-last-child(4), .cardist-5 .field__item:first-child:nth-last-child(4) ~ .field__item {
    width: 25%;
  }
  .cardist-5 .field__item:first-child:nth-last-child(3), .cardist-5 .field__item:first-child:nth-last-child(3) ~ .field__item {
    width: 33.3333333333%;
  }
  .cardist-5 .field__item:first-child:nth-last-child(2), .cardist-5 .field__item:first-child:nth-last-child(2) ~ .field__item {
    width: 50%;
  }
  .cardist-5 .field__item:first-child:nth-last-child(1), .cardist-5 .field__item:first-child:nth-last-child(1) ~ .field__item {
    width: 100%;
  }
}