{% include "hero_header" %}
{% include "catalog_hero" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
<main class="catalog container">
  {% assign courses_type = 'catalog' %}
  {% include 'courses_with_filter' %}
</main>
{% include "footer" %}

<style>
  .catalog {
    max-width: 100%;
    padding: 0 4%;
  }
  .catalog-header {
    display: flex;
    justify-content: start;
    margin: 40px 0;
  }
  .no-catalog-courses {
    font-size: 3rem;
    font-family: 'Gilroy', sans-serif;
  }
</style>