{% assign container_class = 'container' %}
{% if feature.p_full_width_container %}
{% assign container_class = 'container-fluid' %}
{% endif %}
{% assign col_class = '' %}
{% assign section_bg_image_path = '' %}
{% if feature.i_bg_image %}
{% assign section_bg_image_path = site.url | append: '/assets/background/' | append: feature.i_bg_image %}
{% assign col_class = col_class | append: ' bg-cover bg-size-cover' %}
{% endif %}
{% assign bg_video_src = 'mp4:' | append: feature.p_video_link_mp4 %}
{% assign bg_video_src = bg_video_src | append: ',webm:' | append: feature.p_video_link_webm %}
{% assign bg_video_src = bg_video_src | append: ',ogv:' | append: feature.p_video_link_ogv %}


<div id="{{feature.p_section_id}}" class="{{feature.p_section_class}}">
    <div class="hidden-content">
        <div class="col-lg-12">
            <div class="text-center trigger second-logo">
                <img src="{{ site.url }}/assets/home/main_logo.svg">
            </div>
            <div class="content">
                <h1>{{feature.t_headline}}</h1>
                <p>{{feature.t_subheadline}}</p>
            </div>
            <div class="container">
                <div class="col-lg-12">
                {% for item in feature.p_columns %}
                {% capture modulo %}{{ forloop.index0 | mod:2 }}{% endcapture %}
                {% if modulo == '0' or forloop.first %} 
                    <div class="row space-even">
                {% endif %}
                        <div class="col-md-5">
                            <a href="{{ item.p_button_url }}" class="{{ item.p_column_secton_class }}">
                                <div class="overall">
                                    <div class="{{ item.p_column_content_class }}">
                                    <div class="img-section">
                                        <img src="{{ site.url }}/assets/home/{{item.i_column_icon }}">
                                    </div>
                                    <div class="description">
                                        <h2>{{ item.t_column_headline }}</h2>
                                        <p>{{ item.t_column_subheadline }}</p>
                                    </div>
                                    </div>
                                    <a href="{{ item.p_button_url }}" class="order">{{ item.t_button_label }} > </a>
                                </div>
                            </a>
                        </div>
                        {% if modulo == '1' %}
                    </div>
                    {% endif %}
            
                    {% endfor %}                 
                </div>
            </div>
        </div>
    </div>
</div>