.site-footer {
	background-color: var(--black);
	color: var(--white);
	margin-top: 64px;
	min-height: 256px;
	padding: 32px 0;
	width: 100%;

	> .logo {
		display: block;
		height: 24px;
		margin: 0 auto 24px;
		text-align: center;
	}

	> .title,
	> .description,
	> .links,
	> .disclaimer {
		letter-spacing: 2px;
		margin: 0 auto;
		max-width: 416px;
		text-align: center;
	}

	> .title {
		font-weight: bold;
		margin-bottom: 16px;
	}

	> .description {
		color: var(--mint);
		margin-bottom: 32px;
	}

	> .links {
		display: flex;
		margin-bottom: 32px;
		max-width: 800px;

		> li {
			flex: 1;
			font-size: 14px;
			line-height: 24px;
			position: relative;
			text-align: center;

			> a {
				color: var(--white);

				&:hover {
					color: var(--yellow);
				}
			}

			&::after {
				background-color: var(--yellow);
				content: "";
				display: block;
				height: 100%;
				position: absolute;
				right: 0;
				top: 0;
				width: 2px;
			}

			&:last-child {
				&::after { display: none; }
			}
		}
	}

	> .disclaimer {
		color: lighten(#3c3d46, 50%);
		font-size: .75rem;
	}
}