{% extends 'base' %}

{% block title %}{{ page.title }} | {{ site.title }}{% endblock %}

{% block body %}
    {% include 'layout/header' %}
    {% include 'layout/main-menu' %}

    <div class="container mx-auto px-4">
        <div class="leading-normal pt-8 sm:pt-16 pb-16 sm:pb-24">
            <h1 class="uppercase text-red text-center mb-6 sm:mb-12 font-montserrat font-black tracking-wider">
                {{ page.title }}
            </h1>

            {% block content %}{% endblock %}
        </div>
    </div>
{% endblock %}