.display-flex, .display-flex-row {
    display: flex;
    flex-direction: row;
  }
  
.display-flex-col, .display-flex-column {
    display: flex;
    flex-direction: column;
}
  
.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-flex-end {
    justify-content: flex-end;
}

.justify-content-space-around {
    justify-content: space-around;
}

.justify-items-center {
    justify-items: center;
}

.align-content-center {
    align-content: center;
}
  
.align-items-flex-end {
    align-items: flex-end;
}

.align-items-center {
    align-items: center;
}

.row-gap-0-25 {
    row-gap: .25rem;
}
  
.row-gap-0-5 {
    row-gap: .5rem;
}
  
.row-gap-1 {
    row-gap: 1rem;
}
  
.row-gap-1-5 {
    row-gap: 1.5rem;
}

.row-gap-2 {
    row-gap: 2rem;
}

.col-gap-0-25 {
    column-gap: .25rem;
}

.col-gap-0-5 {
    column-gap: .5rem;
}
  
.col-gap-1 {
    column-gap: 1rem;
}

.col-gap-1-5 {
    column-gap: 1.5rem;
}

.col-gap-2 {
    column-gap: 2rem;
}

.col-gap-3 {
    column-gap: 3rem;
}

.gap-1 {
    gap: 1rem;
}

.flex-0-25 {
    flex:0.25;
}

.flex-0-33 {
    flex:0.33;
}

.flex-0-5 {
    flex:0.5;
}

.flex-0-66 {
    flex:0.66;
}

.flex-0-75 {
    flex:0.75;
}

.flex-1 {
    flex:1;
}

.flex-wrap{
    flex-wrap: wrap;
}