.df {
    display: flex;
}

.df>* {
    float: initial;
}

.fwnw {
    flex-wrap: nowrap;
}

.fdr {
    flex-direction: row;
    flex-wrap: wrap;
}

.fdc {
    flex-direction: column;
}

.df:not(.fdr):not(.fdc)>.fg {
    flex-grow: 1;
    width: 0%;
}

.fdr>.fg {
    flex-grow: 1;
    width: 0%;
}

.fdc>.fg {
    flex-grow: 1;
    height: 0%;
}

.df.jcfs {
    justify-content: flex-start;
}

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

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

.df.jcs {
    justify-content: stretch;
}

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

.df.jcsb {
    justify-content: space-between;
}

.df.jcse {
    justify-content: space-evenly;
}

.df.aifs {
    align-items: flex-start;
}

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

.df.aife {
    align-items: flex-end;
}

.df.ais {
    align-items: stretch;
}

.w-540 {
    margin: auto;
    max-width: 540px;
    width: 100%;
}

.w-630 {
    margin: auto;
    max-width: 630px;
    width: 100%;
}

.w-720 {
    margin: auto;
    max-width: 720px;
    width: 100%;
}

.w-900 {
    margin: auto;
    max-width: 900px;
    width: 100%;
}

.w-1080 {
    margin: auto;
    max-width: 1080px;
    width: 100%;
}

.w-1260 {
    margin: auto;
    max-width: 1260px;
    width: 100%;
}

.w-1440 {
    margin: auto;
    max-width: 1440px;
    width: 100%;
}