.three-col-text { width: 100%; display: inline-block; vertical-align: middle; padding: 20px 0; }
.three-col-text .col-text-wrap { width: 100%; display: flex; justify-content: center; align-items: stretch; }
.three-col-text .col-text-wrap .col-text-box { width: calc(100% / 3); display: flex; flex-wrap: wrap; justify-content: flex-start; align-items:flex-start; border: 1px solid #000; padding: 20px; }
.three-col-text .col-text-wrap .col-text-box p { font-size: 18px; line-height: 22px; font-weight: 400; color: #292929; }

@media(max-width: 767px){
  .three-col-text .col-text-wrap { flex-wrap: wrap; }
  .three-col-text .col-text-wrap .col-text-box { width: calc(100% / 1);
}