/*-------------------------- FLEXBOX -------------------------*/
/*--- DISPLAY UTILITY CLASSES ---*/
.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

/*--- MAIN AXIS ALIGNMENT ---*/
.flex-justify-start {
  justify-content: flex-start !important;
}

.flex-justify-center {
  justify-content: center !important;
}

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

.flex-justify-between {
  justify-content: space-between !important;
}

.flex-justify-around {
  justify-content: space-around !important;
}

.flex-justify-evenly {
  justify-content: space-evenly !important;
}

@media only screen and (max-width: 27.5em) {
  .flex-justify-center-xs {
    justify-content: center !important;
  }

  .flex-justify-around-xs {
    justify-content: space-around !important;
  }
}

/*--- CROSS AXIS ALIGNMENT ---*/
.flex-align-start {
  align-items: flex-start !important;
}

.flex-align-end {
  align-items: flex-end !important;
}

.flex-align-center {
  align-items: center !important;
}

@media only screen and (max-width: 27.5em) {
  .flex-align-center-xs {
    align-items: center !important;
  }
}

/*--- FLEX ITEM ---*/
.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-1 {
  flex: 0 0 100% !important;
}

/*-------------------------- FLEXBOX -------------------------*/