footer {
	align-items: center;
	background-color: var(--brown);
	display: flex;
	flex-direction: column;
	padding-inline: 10%;
	padding-block: 40px;
	row-gap: 25px;
}

@media (min-width: 800px) {
	footer {
		flex-direction: row;
	}
}

.footer-picture {
	margin-bottom: 35px;
}

@media (min-width: 800px) {
	.footer-picture {
		margin-bottom: 0;
		margin-right: auto;
	}
}

.footer-link {
	color: white;
	font-size: var(--font-size-26-16);
	text-decoration: none;
}

@media (min-width: 800px) {
	.footer-link + .footer-link {
		border-left: 1px solid currentColor;
		margin-left: 1.5em;
		padding-left: 1.5em;
	}
}