@media all and (max-width: 667px)
{
	.footer .footer-sitemap .view-content
	{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.footer .footer-sitemap .view-content > div
	{
		padding: .1em 0;
	}

	html
	{
		position: relative;
		min-height: 100%;
	}

	.page
	{
		padding: 0 0 580px;
		/* bottom = footer height */
	}

	.page #bg
	{
		height: 450px;
	}

	.footer
	{
		height: 580px;
	}

	.main .text .field .field-items
	{
		padding: 0;
	}

	.main .text
	{
		padding: 0 .5em;
		margin: 450px auto 0;
		padding-bottom: 50px;
		font-size: 1.25em;
	}

	.main .text h2
	{
		font-size: 1em;
		padding: 0;
		text-align: center;
		margin: 0;
	}

	.main .text h2:last-of-type
	{
		margin-bottom: .5em;
	}

	#logo
	{
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		width: 170px;
		height: 170px;
		margin-top: -450px;
		top: 30px;
	}

	.nav-project
	{
		padding: 0 .25em;
		right: 0;
		left: 0;
		top: -75px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.nav-project a
	{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		margin-bottom: 1em;
	}

	.nav-project span
	{
		border-width: 2px;
		font-weight: lighter;
		font-size: .9em;
		letter-spacing: 0;
	}

	.nav-project span.prev:before, .nav-project span.next:before
	{
		display: none;
	}

	.nav-project span.prev:after, .nav-project span.next:after
	{
		font-size: .75em;
		top: 2px;
	}

	.nav-project span.next
	{
		padding: .5em 20px .5em .5em;
	}

	.nav-project span.next:after
	{
		right: 5px;
	}

	.nav-project span.prev
	{
		padding: .5em .5em .5em 20px;
	}

	.nav-project span.prev:after
	{
		left: 5px;
	}

	#modalContent div.ctools-modal-content
	{
		padding: .5em;
	}

	div.ctools-modal-content .modal-content
	{
		padding: 0;
	}

	div.ctools-modal-content .modal-content img
	{
		width: 50%;
		height: auto;
	}

	div.ctools-modal-content fieldset
	{
		padding: 0;
		margin: 0;
		border: 0;
	}

	#modalContent .modal-content
	{
		width: inherit !important;
	}

	.footer .footer-social a
	{
		font-size: 1.75em;
		font-weight: lighter;
		text-transform: inherit;
		width: 150px;
		border-width: 1px;
	}
}

@media all and (orientation: portrait)
{
	.front .page #bg
	{
		display: none;
	}

	.front .page #bg-mobile
	{
		display: block;
	}
}