<style>
.footer-middle .col-lg-5 {
    display: flex;
    flex-wrap: wrap;
}
.footer-middle .col-lg-5 .widget {
    margin-top: 0;
    margin-bottom: 25px;
}
.footer-middle .col-lg-5 .widget.follow-us {
    margin-top: 1rem;
}
.footer-middle .col-lg-5 h4 {
    font-size: 1.375rem;
    margin-right: 20px;
    padding-right: 30px;
    border-right: 1px solid #e7e7e7;
}
.footer .follow-us .share-links a {
    width: 30px;
    height: 30px;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-size: 1.125rem;
}
.footer .follow-us .share-links a:not(:hover) {
    background: none;
    color: #222529;
}
</style>
<div class="widget_text widget widget_custom_html">
  <div class="textwidget custom-html-widget">
    <a href="#"><img class="mb-3 d-block" src='{{media url="logo/default/logo_ecomblack_lg.png"}}' alt="" width="111" height="44" /></a>
    <p class="my-0">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
      Praesent pulvinar feugiat quam, vitae aliquam.
    </p>
  </div>
</div>
<div class="widget_text widget widget_custom_html">
  <div class="textwidget custom-html-widget">
    <h6 class="text-uppercase mb-0">Questions</h6>
    <h4 class="mb-0 pt-1">1-888-123-456</h4>
  </div>
</div>
<div class="widget follow-us">
  <div class="share-links">
    <a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
    <a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-twitter">Twitter</a>
    <a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
  </div>
</div>
