/* ==========================================================================
   Components / MIXINS
   ========================================================================== */
/*********************
  BREAKPOINTS RESPONSIVE LAYOUT
  *********************/
/* ==========================================================================
   Page / Archive Fiches
   ========================================================================== */
.allfiches {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.allfiches-grid {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 576px) {
  .allfiches-grid {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 30px 20px;
  }
}
@media (min-width: 760px) {
  .allfiches-grid {
    gap: 35px 25px;
  }
}
@media (min-width: 1200px) {
  .allfiches-grid {
    gap: 35px 30px;
  }
}
@media (min-width: 576px) {
  .allfiches-grid .card {
    width: calc((100% - 20px) / 2);
  }
}
@media (min-width: 760px) {
  .allfiches-grid .card {
    width: calc((100% - 25px) / 2);
  }
}
@media (min-width: 1000px) {
  .allfiches-grid .card {
    width: calc((100% - 50px) / 3);
  }
}
@media (min-width: 1200px) {
  .allfiches-grid .card {
    width: calc((100% - 60px) / 3);
  }
}
/*# sourceMappingURL=archive.css.map */