footer {
	min-height: 200px;
	padding-top: 50px;
	border-top: 1px dotted var(--foreground-colour);
	margin-top: 50px;
	position: relative;

	.menu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		max-width: fit-content;
		gap: 30px;
	}

	.bottom {
		position: absolute;
		bottom: 0px;
		font-size: small;
		margin-bottom: 20px;

		p {
			margin: 5px 0px;
		}
	}

	p {
		width: fit-content;
	}

	a:has(img) {
		display: block;
		margin-top: 20px;
		max-width: fit-content;
	}

	/* Shift to the right on large screens */
	@media screen and (min-width: 761px) {
		padding-left: var(--global-padding-left);
	}

	/* A little bit of padding on small screens */
	@media screen and (max-width: 760px) {
		width: 84%;
		padding-left: 8%;
		padding-right: 8%;
	}
}