.gh-foot {
	color: var(--white);
	background: light-dark(var(--deep_green), var(--brown_green));
	margin: 3rem -3rem 0;
	padding: 3rem;

	@media (max-width: 45rem) {
		margin: 3rem -0.8rem 0;
		padding: 3rem 0.8rem;
	}

	.footer-top {
		display: flex;
		justify-content: space-between;
		gap: 2rem;

		@media (max-width: 45rem) {
			flex-direction: column;
			align-items: center;
			text-align: center;
		}
	}

	.footer-info {
		max-width: 40ch;
	}

	.footer-bottom {
		gap: 1rem;
		margin-top: 2rem;
		padding: 1rem;
		border-top: 1px solid var(--cream);
	}

	li {
		list-style: none;
		text-align: right;
		margin: 0.5rem 0;

		@media (max-width: 45rem) {
			display: inline;
			margin: 0 0.5rem;
		}
	}
}