/* container */

.flex
{
    display:flex;
    -webkit-display:flex;

    align-items:center;
    -webkit-align-items:center;
}

@media (max-width: 539px)
{
    .flex.mw
    {
        flex-wrap: wrap;
        -webkit-flex-wrap:wrap;
    }
}

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

.flex.top
{
    align-items:flex-start;
    -webkit-align-items:flex-start;
}

.flex.mid
{
    align-items:center;
    -webkit-align-items:center;
}

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

.flex.full
{
    justify-content:space-between;
    -webkit-justify-content:space-between;
}

.flex.rev
{
    flex-direction: row-reverse;
}

/* element */

.flexBR
{
    display: none;
}

.flexFix
{
    flex-grow:0;
    -webkit-flex-grow:0;

    flex-shrink:0;
    -webkit-flex-shrink:0;
}


.flexMore
{
    flex-grow:1;
    -webkit-flex-grow:1;

    flex-shrink:1;
    -webkit-flex-shrink:1;
}

.flexW1
{
    flex-grow:1;
    -webkit-flex-grow:1;

    flex-shrink:1;
    -webkit-flex-shrink:1;
}


.flexHalf
{
    flex-basis: 49%;
    flex-grow: 1;

    -webkit-flex-basis: 49%
    -webkit-flex-grow: 1;
}