.container {
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.container:last-of-type { margin: 0 !important; }

.wide.container { flex-direction: row; }
.wide.container > *:first-of-type { margin-left: 0 !important; }
.wide.container > *:last-of-type { margin-right: 0 !important; }
.wide.container > * {
	flex: 1 1 33%;
	margin: 0 20px;
}

@media only screen and (max-width: 1200px) {
	.container.wide { flex-direction: column; }
	.container, .container > * { margin: 0 0 var(--main-spacing) 0 !important; }

	.container:last-of-type,
	.container.wide > *:last-of-type,
	.container > *:last-of-type {
		margin: 0 !important;
	}
}