section.project-archive
{
	@include outer_container;

	padding: 2em 0 0 0;

	article
	{
		@include span_columns(6);
		@include shift(3);

		margin-bottom: 4em;
		min-height: 200px;

		@include media-standard-layouts;

		section.project-screenshot
		{
			text-align: center;

			img
			{
				max-width: 70%;
				height: auto;
			}
		}

		section.project-info
		{
			text-align: center;
			h3
			{
				@include content-title;
				margin: 0.25em 0;

				@include link-basic();
			}
			span
			{
				@include single-project-info;
				@include text-bubble;
				margin: 0.5em 0 1em 0;
			}
			ul
			{
				margin: 1.0em 0;
				line-height: 2em;
				li
				{
					@include single-project-info;
					padding: 0.5em 1em;
					display: inline;
					border-radius: 1.25em;
					background: $theme-accent-subtle;
				}
			}
		}
		
		section.project-content
		{
			margin: 1em 0;
			text-align: justify;
		}

	}
	article:last-child
	{
		margin-bottom: 0;
	}

	h2
	{
		@include span_columns(6);
		@include shift(3);
		@include sub-title();
		text-align: center;
	}
}