---
layout: default
title: Class Schedule
---
<div class="md:max-w-lg mx-auto md:flex">
    <div class="w-full md:w-1/2 px-6 mb-8 md:mb-0">
        <h2 class="uppercase text-center mb-2 font-montserrat font-black tracking-wider">
            Adults
        </h2>

        {% include 'pages/classes/class-list' with {
            classes: site.classes,
            type: 'adults',
        } %}
    </div>

    <div class="w-full md:w-1/2 px-6">
        <h2 class="uppercase text-center mb-2 font-montserrat font-black tracking-wider">
            Kids
        </h2>

        {% include 'pages/classes/class-list' with {
            classes: site.classes,
            type: 'kids',
        } %}
    </div>
</div>