{% extends "base.html" %}

{% load wagtailcore_tags %}

{% block head %}
    <style>
    .responsive-object {
        position: relative;
    }

    .responsive-object iframe,
    .responsive-object object,
    .responsive-object embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    </style>
{% endblock %}

{% block content %}
<div class="p-4">
    <h1 style="padding-top: 0px;" class="big-text">{{ page.title }}</h1>
    <div class="mt-3">
        {% for block in page.body %}
            {% if block.block_type == "paragraph" %}
            {% include_block block %}
            {% elif block.block_type == "medium_text" %}
            <div class="medium-text mt-3">
                <p>{% include_block block %}</p>
            </div>
            {% elif block.block_type == "h1_big_text" %}
            <h1 class="big-text">{{ block.value }}</h1>
            {% include_block block %}
            {% else %}
            {% include_block block %}
            {% endif %}
        {% endfor %}
    </div>
</div>
{% endblock %}