{{$classes_box := "ba b--light-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l "}}
{{ with .cx.Site.Data.sponsors }}
  <section class="{{ $.classes_section | default "bg-primary-color-dark b--light-gray bb bt ph5 pv4 w-100"}}">
    <div class="center mw9"> 
      <f3 class="b f3 light-gray">Hugo Sponsors</f3>
      <div class="flex-ns flex-wrap center justify-between  pt3">
        {{ range .banners }}
          {{if .logo}}
            <div class="{{$classes_box}} o-100">
              {{with .link -}}
                <a href="{{.}}?{{ (querify "utm_source" "homepage" "utm_medium" "banner" "utm_campaign" "hugosponsor") | safeURL }}" class="grow">
              {{- end}}
              <img src="{{ .logo }}" alt="Logo for {{ .name }}" class="img h3 center" />
              {{with .link}}</a>{{end}}
              {{with .copy}}
                <p class="center lh-copy gray mv1 tc {{$.classes_copy | default "f5 w-70-ns"}}">
                  {{- . -}}
                </p>
              {{end}}
            </div>
          {{else}}
            <div class="{{$classes_box}} o-10">
              <p class="b black tc">Your Logo Here</p>
            </div>
          {{end}}
        {{end}}
      </div>
    </div>
  </section>
{{end}}