{% if page %}
{% set title = page.title %}
{% set description = page.description %}
{% endif %}
{% set menu = 'pr-word' %}
{% extends 'Default/base.html.twig' %}

{% block revealingbenin %}
{% endblock %}
{% block titlebox %}
<div class='relative white flex col {{desktop("top-80-in bottom-30-in right-80")}} {{mobile("vt-25-in")}}'>
    {% block title %}
    <h1 class='upper'>{{title is defined ? title}}</h1>
    {% endblock title %}
</div>
{% endblock %}

{% block content %}
<div id="word" class='hoverflow relative gpadding {{desktop("vt-80-in")}} {{mobile("vt-30-in")}} '>
	{% if page %}
	{% set content = page.content|summary %}
    <div class='{{desktop("top-30-in")}} {{mobile("")}}'>
		<figure class='relative flex {{desktop("row")}} {{mobile("col bottom-20")}}'>
            <div class="sunset absolute fill left">
                {{source("Images/sunset.svg")}}
            </div>
			{% if page.picture %}
			<img src='{{asset(page.picture)}}' class='relative block {{desktop("third-40")}} {{mobile("w100")}}' alt="{{page.pictureTitle ? page.pictureTitle : title}}">
			{% endif %}
            <div class="{{desktop('flex col space bottom-80-in')}}">
                <i></i>
                <div class="{{desktop('left-70 bottom-80-in')}}">
                    <div class="relative {{desktop('')}}">

            			<h2 class='h1 success top-20 extrabold lh-1'>{{page.pictureTitle ? page.pictureTitle}}</h2>
            			<h3 class='h6 upper  success lh-1 {{desktop("semibold lspacing")}}{{mobile("regular")}}'>{{page.pictureSubtitle ? page.pictureSubtitle}}</h3>
                    </div>
                </div>
            </div>
		</figure>
		<div class='w100 {{desktop("gpadding top-60")}} {{mobile("top-20")}} '>
			<div class='article h6'>
			{{ content.content|raw }}
			</div>
		</div>
    </div>
	{% endif %}
</div>
{% endblock %}