/*
 *	Article
 *
 */
article {
	box-shadow: inset 0 -6px 6px rgba(0,0,0,.2);

	img.featured {
		display: block;
		background: #ccc;
		width: 100%;
		height: auto;
		border: 6px solid #fff;
		box-shadow: 2px 2px 12px #ccc;
		margin: 0 auto;
	}

	.service-details {
		padding: 1em;

		ul.item {
			@include flex-basis(8em);
			text-align: center;
			padding: 1em;

			&:nth-child(2) {
				border-left: 1px solid #ccc;
			}

			li {
				padding: .5em 0 0;

				&:first-child {
					display: inline-block;
					font-weight: bold;
					text-transform: uppercase;
					border-bottom: 1px solid #151515;
					margin-bottom: 4px;
				}
			}
		}
	}

	.intro-paragraph {
		clear: both;
		text-align: left;
		padding: 1em 0;

		@include media($medium-screen) {
			clear: left;
		}

		a {
			display: block;
			color: #3ba2c5;
			text-decoration: none;
			&:hover { 
				text-decoration: underline;
			}		
		}
	}

	.content {
		margin-bottom: 1em;

		h1 {
			font-weight: normal;
			padding: .5em 0;
			border-top: 1px solid;
			border-bottom: 1px solid;
		}

		h2 {
			font-size: 1.4em;
			color: $flat-red;
			text-transform: none;
			border-bottom: 1px solid;
		}

		@include media($medium-screen) {
			@include span-columns(8);
		}
	}

	.sidebar {
		margin-bottom: 1em;

		h3 {
			margin: .5em 0;
		}

		.form {
			background: #fafafa;
			padding: 1em;
			margin-bottom: 1em;
		}

		@include media($medium-screen) {
			@include span-columns(4);
		}

		.address {
			background: $flat-gray-light;
			padding: 1em;
		}
	}

}