// Global flex utility classes
.flex {
  display: flex;
  &.flex-row {
    flex-direction: row;
  }
  &.flex-column {
    flex-direction: column;
  }
  &.wrap {
    flex-wrap: wrap;
  }
  &.flex-1 {
    flex: 1;
  }
  &.half {
    flex-basis: 50%;
  }
  .half {
    flex-basis: 50%;
  }
  &.justify-content-center{
    justify-content: center;
  }
  &.justify-content-space-between{
    justify-content: space-between;
  }
  &.align-items-center{
    align-items: center;
  }
  &.align-items-flex-start{
    align-items: flex-start;
  }
  
}

.full-width {
  width: 100%;
}