//	Family Owned
div.family-owned {
	$breakPoint: 900px;

	font-size: .9em;
	max-width: 500px;
	margin-top: 2em;
	margin-bottom: 2em;
	border: 1px solid #c5c5c5;

	@media only screen and ( min-width:500px ) {
		margin: 2em auto;
	}

	@media only screen and ( min-width:$breakPoint ) {

		display: flex;
		flex-wrap: wrap;
		align-items: center;

		font-size: 1em;
		max-width: 900px;
		border: 3px solid #c5c5c5;
	}


	> div {

		@media only screen and ( min-width:$breakPoint ) {
			flex: 0 0 50%;
		}

		&.copy {
			padding: 2em;
		}
	}


	.copy {
		text-align: center;
		text-transform: capitalize;

		p.title {
			font-family: $header-font-family;
			letter-spacing: 4px;
			text-decoration: underline;
			text-transform: uppercase;
		}
	}
}