{% extends "_layouts/main" %}

{% block main %}

{% include "_includes/subpageHeader" %}

<div class="container main-section">

	<div class="row mb-5 justify-content-center text-center">
		<h2>Pillars of Stability</h2>
	</div>

	<div class="row justify-content-center ranking-row">

	{% for affiliate in craft.entries.section('recognition').limit(16).all() %}

		<div class="col-6 col-md-4 affiliate-listing">

			{% if affiliate.headshot|length %}
			<div class="affiliate-img" style="background-image: url({{ affiliate.headshot.one().getUrl }});"></div>
			{% else %}
			<div class="placeholder">
				<h4 class="align-v">{{ affiliate.title }}</h4>
			</div>
			{% endif %}
			<h4>{{ affiliate.title }}</h4>
		</div>

	{% endfor %}

	</div>

</div>

{% endblock %}