.footer-wrapper {
	gap: 3rem 1rem;
	.column--1,
	.column--2,
	.footer--image {
		flex: 1 1 100%;
	}
	.footer--image {
		display: flex;
		justify-content: center;

		img {
			max-width: 100%;
			max-height: 200px;
		}
	}
	.links--title {
		color: #fff;
		font-family: var(--font__sans-serif-condensed);
		font-weight: 600;
		margin-bottom: 0;
	}
	.links--list {
		list-style: none;
		gap: 0.5rem;
		margin-left: 1rem;

		li {
			margin-bottom: 0;

			a {
				color: #fff;
				font-family: var(--font__sans-serif-condensed);
				font-size: calc(
					var(--font-size__base, 18px) * var(--font-factor__h5, 1.2)
				);

				&:hover {
					color: var(--brand-teal);
				}
			}
		}
	}
}

@media screen and (min-width: 500px) {
	.footer-wrapper {
		.column--1,
		.column--2 {
			flex: 1 1 auto;
		}
		.footer--image {
			justify-content: flex-end;
		}
	}
}
@media screen and (min-width: 800px) {
	.footer-wrapper {
		display: grid;
		grid-template-columns: 25% 25% 1fr auto;

		.column--1 {
			grid-column: 1;
		}

		.column--2 {
			grid-column: 2;
		}

		.footer--image {
			grid-column: 4;
		}
	}
}