.flowWrap { display: table; table-layout: fixed; width: 100%; }
.flow  { display: table-cell; width: 40%; text-align: center; vertical-align: middle; }
.flow .text { text-align:left; }
.arrow  { display: table-cell; width: 20%; text-align: center; vertical-align: middle; margin: 0 10px; }


@media screen and (max-width: 767px) {
.flow  { width: 100%; display: block; }
.flow .text { text-align:center; }
.arrow  { width: 100%;  display: block; padding: 30px 0; }
}