#colophon {
	background: $color__background-footer;
}
.container {
	@include site-width();
}

/* Tertiary widget area. */
#tertiary {
	display: flex;
	flex-direction: column;
	border-bottom: 2px solid $color__border-footer;
}
#tertiary .widget {
	margin: 0;
	padding: 2em 0;

}

/* Site info. */
.site-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 56px;
	min-height: 3.5rem;
	padding: 1em 0;
	@include font-size(0.875);
	.sep {
		display: none;
		margin: 0 0.15em;
	}
	.credits,
	.credits-top,
	.credits-bottom {
		display: block;
		width: 100%;
		text-align: center;
	}
}

@media screen and (min-width: $breakpoint-medium) {
	/* Hide bottom social links for large screens. */
	#bottom-social {
		display: none;
	}

	/* Site info. */
	.site-info {
		flex-direction: row;
		justify-content: space-between;
		.sep {
			display: inline;
		}
		.credits,
		.credits-top,
		.credits-bottom {
			display: inline;
			width: auto;
			text-align: left;
		}	
	}
}

@media screen and (min-width: $breakpoint-large) {
	/* Tertiary widget area. */
	#tertiary {
		flex-direction: row;
		justify-content: space-between;
		.widget {
			width: 30%;
			&:first-child {
				margin-right: 1em;
			}
			&:nth-child(2) {
				margin: 0 0.5em;
			}
			&:last-child {
				margin-left: 1em;
			}
		}
	}
}