{% extends 'section.html' %}

{% block styles %}
<style>
  h2, h5 {
    margin-bottom: 3rem!important;
  }
</style>
{% endblock %}


{% block hero %}

  <div class="container-fluid hero2 d-flex flex-column justify-content-center">

    <div class="container">

        <div class="row">

          <div class="col-12 text-center mt-n0 mt-lg-n5">

            {% if page.extra and page.extra.title %}
            <h1>{{ page.extra.title }}</h1>
            {% else %}
            <h1>{{ page.title }}</h1>
            {% endif %}

            <img src="{{ get_url(path='images/ion@2x.png', cachebust=true) }}" width="100" align="ion">

          </div>

        </div>

    </div>

  </div>

{% endblock %}


{% block main %}

  <main class="container">

    <div class="row pb-5">

      <div class="col-12">

        {% block main_content %}

          {% if page and page.content %}
          {{ page.content | safe }}
          {% endif %}

        {% endblock %}

      </div>

    </div>

  </main>

{% endblock %}


{% block footer_contact %}{% endblock %}