<div class="grid grid-default_banner" style="background-image: url('{{ grid.image.cropped.resize(1200).path ?: img(template.theme.banner).path }}');" role="banner">
	<div class="container">
		<div class="row">

			<div class="col-lg-12">
				<div class="left">
					<h1>
						{{ grid.title.value ?: template.meta_title }}
						{% if grid.subtitle.value %}
							<small>{{ grid.subtitle.value ?: template.meta_description }}</small>
						{% endif %}
					</h1>
				</div>
			</div>

			{% if template.breadcrumbs.count() %}
				<ol class="breadcrumb">
					<li class="breadcrumb-item">
						<a href="/">Home</a>
					</li>

					{% for breadcrumb, url in template.breadcrumbs %}
						{% if loop.last %}
							<li class="breadcrumb-item active">{{ trans(breadcrumb)|raw }}</li>
						{% else %}
							<li class="breadcrumb-item">
								<a href="{{ url }}">{{ trans(breadcrumb)|raw }}</a>
							</li>
						{% endif %}
					{% endfor %}
				</ol>
			{% endif %}


		</div>
	</div>
</div>
