.grid {

    display: grid;
    grid-template-columns: 1fr;
  }

  .grid.js  { justify-items:  start;  }
  .grid.jc  { justify-items:  center; }

  .grid.as  { align-items:    start;  }
  .grid.ac  { align-items:    center; }

  .flex {

    display: flex;
  }

  .flex.column {

    flex-direction: column;
  }

  .flex.wrap {

    flex-wrap: wrap;
  }

  .flex.jc  { justify-content:  center;         }
  .flex.je  { justify-content:  flex-end;       }
  .flex.jb  { justify-content:  space-between;  }

  .flex.as  { align-items:      flex-start;     }
  .flex.ac  { align-items:      center;         }
  .flex.ae  { align-items:      flex-end;       }

  .gap0     { gap: 0.00rem !important; }
  .gap025   { gap: 0.25rem !important; }
  .gap05    { gap: 0.50rem !important; }
  .gap075   { gap: 0.75rem !important; }
  .gap1     { gap: 1.00rem !important; }
  .gap2     { gap: 2.00rem !important; }
  .gap3     { gap: 3.00rem !important; }
  .gap4     { gap: 4.00rem !important; }