{% extends '_common/base.html.twig' %}

{% block body %}
    <style type="text/css">
        {% if post.headerMobile is not empty %}
        @media (max-width: 768px) {
            #page_hero_wrap{
                background-image:url(/uploads/pictures/{{ post.headerMobile }}) !important;
            }
        }
        {% endif %}
    </style>
    <div style="background-image:url(/uploads/pictures/{{ post.header }});" id="page_hero_wrap" class="page_hero_wrap">
        <div class="container-fluid h-100">
            <div class="col-12">
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="page-text">
                <h1>{{ post.title }}</h1>
                {{ post.content|raw }}
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    <script type="text/javascript">

    </script>
{% endblock %}