.flex {
    
    display: flex;
  }
    
  .flex.column {
    
    flex-direction: column;
  }
  
  .flex.wrap {
    
    flex-wrap: wrap;
  }
    
  .flex.jc  { justify-content:  center;         }     /* main axis */
  .flex.je  { justify-content:  flex-end;       }     /* main axis */
  .flex.jb  { justify-content:  space-between;  }     /* main axis */
  
  .flex.as  { align-items:      flex-start;     }     /* cross axis */
  .flex.ac  { align-items:      center;         }     /* cross axis */
  .flex.ae  { align-items:      flex-end;       }     /* cross axis */