.flex {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-evenly;
    padding: 1.5em 0 1.5em 0;
    border-bottom: 1px dotted #999999;
}
.flex-rev
{
    flex-direction:row-reverse;
}
.flex>div{
    align-self:auto;
    margin:auto;
    padding: 0 2em 2em 2em;
}

.cf3 {
    max-width:33%;
    min-width:33%;
    width:33%;
}

.cf2 {
    max-width: 50%;
    min-width:50%;
    width:50%;
}

.cf1 {
    width:100%;
    max-width:100%;
    min-width:100%;
}

@media screen and (max-width: 737px)
{
    .cf3,.cf2 {
        max-width:100%;
        min-width: 100%;
        width: 100%;
    }
}

.center {
    text-align:center;
}