<section {% if page.hero_style %} class="hero {{ page.hero_style }}" {% else %} class="hero is-bold is-primary"
    {% endif %} {% if page.hero_image %}
    style="background: url('{{ page.hero_image }}') no-repeat center center; background-size: cover;" {% endif %}>
    <div class="hero-body" style="padding-bottom: 6rem; padding-top: 6rem;">
        <div class="container has-text-centered">
            <p class="title is-2">{{ page.title }}</p>
        </div>
    </div>
</section>