{% for item in page.features %}
<section class="mobile_items_wrap">
  <div class="container">
    {% if item.column_count == 2 %}
    <div class="row">
      {% for column in item.columns %}
        <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
          {% if column.t_headline %}
          <h2>{{ column.t_headline }}</h2>
          {% endif %}
          {% if column.t_subheadline %}
          <h3>{{ column.t_subheadline }}</h3>
          {% endif %}
          {% if column.p_button_text %}
          <a class="btn_purple" href="{{ column.p_link }}">{{ column.p_button_text }}</a>
          {% endif %}
          {% if column.i_image %}
          {% picture hero_1 pages/{{ column.i_image }}  alt="{{column.i_image | remove: ".png" }}" %}
          {% endif %}
        </div>
      {% endfor %}
    </div>
    {% endif %}
    {% if item.column_count == 1 %}
    <div class="mobile_writing_section">
    
      <span class="writer_details">
        <div class="writer_description">{{ item.t_headline }}</div>
        <div class="write_name">{{ item.t_author }}</div>
        <div class="write_profile">{{ item.t_job_profile }}</div>
      </span>
      {% picture width_200 pages/{{ item.i_image }}  alt="{{item.i_image | remove: ".png" }}" %}
    </div>
    {% endif %}

  </div>
</section>
{% endfor %}