.site-content {
	display: flex;
	flex-wrap: nowrap;

	#primary {
		width: 75%;
		flex-grow: 1;
	}
	#secondary {
		min-width: 25%;
		width: 25%;
	}
	@media ( max-width: $media__medium ) {
		flex-wrap: wrap;

		#primary, #secondary {
			width: 100%;
		}
	}
}

#secondary {
	padding-left: 2em;

	.widget {
		margin: 2em 0;
	}
	.widget-title {
		margin: 0 0 0.6em 0;
	}
	@media ( max-width: $media__medium ) {
		padding-left: 0;
	}
}