{{ $columnClasses := "col-4 col-md-6 col-sm-12" }}
{{ if .small }}
    {{ $columnClasses = "col-3 col-md-4 col-sm-6" }}
{{ end }}
<section class="section modular-features {{ if .small }}small{{ end }} {{ .classes }}">
        <section class="container {{ site.Params.GridSize }}">
            <div class="frame-box">

                {{ .content | markdownify }}

                <div class="columns">
                    {{ range .features }}
                        <div class="column {{ $columnClasses }}">
                            {{ with .url }}<a href="{{ . }}">{{ end }}
                            <div class="feature-icon">
                                <i class="{{ .icon }}"></i>
                                {{ with .header }}
                                    <h6>{{ . }}</h6>
                                {{ end }}
                            </div>
                            {{ with .url }}</a>{{ end }}
                            <div class="feature-content">
                                {{ with .text }}
                                <p>{{ . }}</p>
                                {{ end }}
                            </div>
                        </div>
                    {{ end }}
                </div>
            </div>
        </section>
</section>