{% if homepage.headline %}
        <h1 class="uk-text-center uk-heading-large uk-container-center uk-heading-mod" style="margin-top:32px;">{{ homepage.headline }}</h1>
{% endif %}

{% comment %} <h1 class="uk-text-center uk-heading-large uk-heading-large-mod uk-container-center"></h1> {% endcomment %}
{% if homepage.subheadline %}
        <h2 class="uk-text-center uk-margin-large-bottom uk-subheading-mod" style='font-family: "EngelVoelkersText", Arial, sans-serif;'>{{ homepage.subheadline }}</h2>
{% endif %}
{% comment %} <h2 class="uk-text-center uk-margin-large-bottom uk-text-center-mod"></h2> {% endcomment %}
{% unless homepage.artwork_url contains "/defaults/homepage-artwork_url" %}
<div class="school-website-hero hero-tall uk-overlay uk-cover-background school-hero-mod" style="background-image: url('{{ homepage.artwork_url }}');">

</div>
{% endunless %}

<div class="uk-container uk-container-center uk-padding-large-top uk-padding-large-bottom">
  <hgroup class="banner uk-padding-large-top uk-padding-large-horizontal">
    {% if homepage.published_featured_courses %}
      {% if homepage.featured_courses_headline or homepage.featured_courses_subheadline %}
        {% if homepage.featured_courses_headline %}
          <h2 class= "left-margin-h2">{{ homepage.featured_courses_headline }}</h2>
        {% endif %}

        {% if homepage.featured_courses_subheadline %}
          <h3 class="uk-margin-remove uk-text-muted">{{ homepage.featured_courses_subheadline }}</h3>
        {% endif %}
      {% endif %}
    {% endif %}
  </hgroup>

  {% if homepage.published_featured_courses %}
    <div class="uk-width-small-1-1 uk-width-1-1 uk-padding-large-horizontal uk-container-center uk-padding-large-top">
      <ul class="uk-grid school-website-course-list" data-behavior="listResize">
        {% for course in homepage.published_featured_courses %}
          {% include "course" %}
        {% endfor %}
      </ul>
    </div>
  {% endif %}

<hgroup class="banner uk-padding-large-top uk-padding-large-horizontal">

{% comment %}
  <h2 class= "left-margin-h2">World IPS</h2>
    <div class="uk-width-small-1-1 uk-width-1-1 uk-padding-large-horizontal uk-container-center uk-padding-large-top">
      <ul class="uk-grid school-website-course-list" data-behavior="listResize">
 {% for course in my_content.courses %}
          {% if course.course_category_names == "World IPS" %}
            {% include 'course' %}
          {% endif %}
        {% endfor %}
        </ul>
    </div>

 </hgroup>
 {% endcomment %}
<hgroup class="banner uk-padding-large-top uk-padding-large-horizontal">

  <h2 class= "left-margin-h2">Webinar Archives</h2>
    <div class="uk-width-small-1-1 uk-width-1-1 uk-padding-large-horizontal uk-container-center uk-padding-large-top">
      <ul class="uk-grid school-website-course-list" data-behavior="listResize">
 {% for course in my_content.courses %}
          {% if course.course_category_names == "Webinar Archives" %}
            {% include 'course' %}
          {% endif %}
        {% endfor %}
        </ul>
    </div>

 </hgroup>


</div>