section.contact-header
{
	@include span_columns(6);
	@include shift(3);

	@include media-standard-layouts;

	margin-top: 5em;
	text-align: center;

	h4
	{
		@include contact-header-loud;
	}
}


article.contact
{
	@include outer_container;

	padding: 2em 0 0 0;

	section.contact-content
	{
		@include span_columns(6);
		@include shift(3);

		@include media-standard-layouts;

		form.wpcf7-form
		{
			ul
			{
				li
				{
					padding-bottom: 2em;

					span.label, span.wpcf7-quiz-label
					{
						text-transform: uppercase;
						letter-spacing: 2px;
						font-size: 0.875em;
						opacity: 0.95;
					}
					input.wpcf7-text, input.wpcf7-textarea, input.wpcf7-quiz
					{
						width: 100%;
					}
					input.wpcf7-submit
					{
						width: 100%;
						height: 3em;
						text-transform: uppercase;
						letter-spacing: 2px;
						font-size: 0.875em;
					}
					span.wpcf7-not-valid-tip
					{
						margin-top: 1em;
						text-transform: uppercase;
						letter-spacing: 2px;
						font-weight: 600;
						font-size: 0.75em;
					}
				}
				li:last-child
				{
					padding-bottom: 1em;
				}
			}

			div.wpcf7-validation-errors
			{
				margin: 0;
				padding: 0.5em 1em;
				text-transform: uppercase;
				letter-spacing: 2px;
				font-size: 0.875em;
				font-weight: 300;
				color: $font-main-color-light;
				opacity: 0.95;
				border: none;
				background: $theme-accent;
				border-radius: 5px;
			}
		}
	}
}