/* Flex Grid */
.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-line-pack: stretch; -webkit-align-content: stretch; align-content: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; }
.flex.flex-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex.flex-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex.flex-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.flex.flex-justify-start { -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
.flex.flex-justify-center { -webkit-justify-content: center; justify-content: center; -ms-flex-pack: center; }
.flex.flex-justify-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.flex.flex-justify-evenly { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.flex.flex-justify-evenly { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; }
.flex.flex-justify-end { -webkit-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; }
.flex.flex-align-start { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.flex.flex-align-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex.flex-align-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.flex.flex-align-end { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; }
@media ( max-width: 767px ) {
    .mobile-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-line-pack: stretch; -webkit-align-content: stretch; align-content: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; }
    .flex.mobile-flex-column, .mobile-flex.mobile-flex-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .flex.mobile-flex-wrap, .mobile-flex.mobile-flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .flex.mobile-flex-row-reverse, .mobile-flex.mobile-flex-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
    .flex.mobile-flex-justify-start, .mobile-flex.mobile-flex-justify-start { -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
    .flex.mobile-flex-justify-center, .mobile-flex.mobile-flex-justify-center { -webkit-justify-content: center; justify-content: center; -ms-flex-pack: center; }
    .flex.mobile-flex-justify-between, .mobile-flex.mobile-flex-justify-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
    .flex.mobile-flex-justify-evenly, .mobile-flex.mobile-flex-justify-evenly { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-justify-content: space-evenly; justify-content: space-evenly; }
    .flex.mobile-flex-justify-around, .mobile-flex.mobile-flex-justify-around { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; }
    .flex.mobile-flex-justify-end, .mobile-flex.mobile-flex-justify-end { -webkit-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; }
    .flex.mobile-flex-align-start, .mobile-flex.mobile-flex-align-start { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
    .flex.mobile-flex-align-center, .mobile-flex.mobile-flex-align-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .flex.mobile-flex-align-stretch, .mobile-flex.mobile-flex-align-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
    .flex.mobile-flex-align-end, .mobile-flex.mobile-flex-align-end { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; }
}