/* ==========================================================================
   # FLEXBOX
   # Utility classes to specify spacing values onto elements.
   ==========================================================================
 */

 .u-flex-between, .u-align--center, .u-align--end, .u-justify--end, .u-justify--center { 
    display: flex;
}

.u-flex-between {
    display: flex;
    justify-content: space-between;
}

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

.u-align--end {
    align-items: flex-end;
}

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

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

.u-flex-basis--0 {
    flex-basis: 0 !important;
}

.u-flex-grow--4X {
    flex-grow: 4 !important;
}

.u-flex-grow--0 {
    flex-grow: 0 !important;
}