{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
<main class="np-main np-courses np-subpage-container np-max-width">
  <div class="np-resource-title">
    {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
  </div>
  {% include "courses_category_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
</main>
{% include "footer" %}


<style>
  .np-resource-title {
    text-align: center;
    margin-bottom: 40px;
    font-weight:400;
    font-size:32px;
  }

  .np-subpage-container {
      padding: 40px 24px 40px;
  }

  .course-card {
    margin-bottom:32px;
  }

  .course-card .np-card-container {
    height:100%;
  }

  @media (min-width:768px) {
    .np-resource-title {
      font-size:55px;
      margin-bottom:64px;
    }

    .course-card {
      margin-bottom:40px;
    }

    .course-card .np-card {
      padding: 0 18px;
    }
  }
</style>