Primer

HTML

<div class="full-banner full-banner--mean-bean-alt full-banner--image" data-image="/images/mainsite5/mean-bean/background.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title">Mean Bean Guide</h1>
				<p>Everything you need to take on the Mean Bean Challenge</p>
				<div class="mean-bean-guide"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>

Twig

<div class="full-banner full-banner--mean-bean-alt full-banner--image" data-image="/images/mainsite5/mean-bean/background.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title">Mean Bean Guide</h1>
				<p>Everything you need to take on the Mean Bean Challenge</p>
				<div class="mean-bean-guide"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>

{}