Tailwind section

twig

<section class="py-40p lg:py-60p"> {# .bg-gray #}
	<div class="container px-20p mx-auto lg:text-center mb-30p lg:mb-60p">
		<div class="font-bold text-36p leading-111 text-blue">
			<h2>Heading</h2>
		</div>
		<div class="text-20p leading-150 lg:max-w-8/12 mt-20p mx-auto text">
			<p>Lead</p>
		</div>
	</div>
	<div class="container px-20p mx-auto">
		<div class="md:flex md:flex-wrap md:-mx-10p">
			<div class="md:w-6/12 lg:w-4/12 md:px-10p mb-20p ">
				<!-- card content -->
			</div>
		</div>
		<div class="md:flex md:flex-wrap md:-mx-10p">
			<div class="md:w-6/12 lg:w-4/12 md:px-10p mb-20p ">
				<!-- card content -->
			</div>
		</div>
				<div class="md:flex md:flex-wrap md:-mx-10p">
			<div class="md:w-6/12 lg:w-4/12 md:px-10p mb-20p ">
				<!-- card content -->
			</div>
		</div>
				<div class="md:flex md:flex-wrap md:-mx-10p">
			<div class="md:w-6/12 lg:w-4/12 md:px-10p mb-20p ">
				<!-- card content -->
			</div>
		</div>
	</div>
	<div class="container pt-20p lg:pt-40p mx-auto text-center">
		<button class="btn btn-default btn-square btn-large" type="button">SEE MORE NEWS</button>
	</div>
</section>