.default-flex {
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.default-inline-flex {
    display:flex;
    justify-content: flex-start;
    align-items: center;
}
.default-inline-block {
    display:inline-block;
    vertical-align:middle;
}
.default-margin {
    margin-bottom: 50px;
}
.high-margin {
    margin-bottom: 80px;
}
.flex1 {
    flex:1;
}
.flex2 {
    flex:2;
}
.flex3 {
    flex:3;
}
.flex4 {
    flex:4;
}
.flex5 {
    flex:5;
}
.flex6 {
    flex:6;
}

@media (max-width: 767px) {
    body .responsive-flex {
        display:block;
    }
}