<div class="section" style="padding:64px 0">
  <div class="wojo-grid">
    <div class="row align middle">
      <div class="columns screen-10 mobile-hide phone-hide">
        <figure class="wojo small basic image" data-weditable="true">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="8 -8 64 64">
            <path fill="none" stroke="#377dff" stroke-dasharray="56,58" stroke-miterlimit="10" stroke-width="2" d="M19 40c-5.5 0-10-4.5-10-10s4.5-10 10-10h2v20h-2zM61 20c5.5 0 10 4.5 10 10s-4.5 10-10 10h-2V20h2z"/>
            <path fill="none" stroke="#377dff" stroke-dasharray="71,73" stroke-miterlimit="10" stroke-width="2" d="M21 23v-9S21-2 40-2s19 16 19 16v6"/>
            <path fill="none" stroke="#377dff" stroke-dasharray="45,47" stroke-miterlimit="10" stroke-width="2" d="M59 40v5l-15 6h-8v-4h8v3"/>
          </svg>
        </figure>
      </div>
      <div class="columns screen-50 tablet-80 mobile-100 phone-100">
        <div data-weditable="true">
          <h3>Get in touch with us.</h3>
          <p>Easy and fast adjustments of elements are possible with CMS Pro. Find out more about our all-in-one programmatic template.</p>
        </div>
      </div>
      <div class="columns tablet-20 mobile-100 phone-100 right aligned" data-weditable="true"><a href="#" class="wojo primary stacked button" data-type="button">Get in Touch</a>
      </div>
    </div>
  </div>
</div>