/* ==========================================
   PARAGRAPH GRID
   ========================================== */

/* Conteneur des éléments */
.paragraph--type-grid .field--name-field-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

/* Éléments de la grille */
.paragraph--type-grid .field--name-field-items > .field-item {
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
}

/* ==========================================
   DESKTOP - À PARTIR DE 768 PX
   ========================================== */

@media (min-width: 48rem) {

  .paragraph--type-grid .field--name-field-items {
    flex-direction: row;
    align-items: stretch;
  }

}

/* ==========================================
   MOBILE - MOINS DE 768 PX
   ========================================== */

@media (max-width: 47.99rem) {

  .paragraph--type-grid .field--name-field-items {
    flex-direction: column;
  }

  .paragraph--type-grid .field--name-field-items > .field-item {
    flex: 1 1 auto;
    width: 100%;
  }

}