</div>

<footer class="clearfix">
	<div class="ink-grid">
		<ul class="unstyled inline half-vertical-space">
			<li class="active"><a href="#">About</a></li>
			<li><a href="#">Sitemap</a></li>
			<li><a href="#">Contacts</a></li>
		</ul>
		<div class="screen-size-helper">
			<p class="title">Screen size:</p>
			<ul class="unstyled">
				<li class="hide-all show-tiny tiny">TINY</li>
				<li class="hide-all show-small small">SMALL</li>
				<li class="hide-all show-medium medium">MEDIUM</li>
				<li class="hide-all show-large large">LARGE</li>
				<li class="hide-all show-xlarge xlarge">XLARGE</li>
			</ul>
		</div>
	</div>
</footer>

</body>

</html>