.footer {
	background-color: var(--c-white) !important;

	> div {
		display: grid;
		gap: var(--s-sm);
		grid-template-columns: repeat(1, 1fr);
		padding: var(--s-md) var(--s-sm);
		border-top: 1px solid var(--c-br-lt) !important;

		@media (min-width: 768px) {
			grid-template-columns: repeat(3, 1fr);
			padding: var(--s-md);
		}

		@media (min-width: 1024px) {
			gap: var(--s-md);
			padding: var(--s-md) max(var(--s-lg), calc(100vw - (var(--p-max) * 1px)) / 2);
		}

		> section {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			width: 100%;

			@media (min-width: 768px) {
				align-items: center;
			}

			> div {
				line-height: 1.6em;

				> h3 {
					margin-bottom: var(--s-sm);
				}
			}
		}
	}

	> nav {
		width: 100%;
		padding: var(--s-sm);
		background-color: var(--c-white) !important;
		border-top: 1px solid var(--c-br-lt) !important;
		text-align: center;

		@media (min-width: 768px) {
			grid-column: span 2;
			padding: var(--s-sm) var(--s-md);
		}

		@media (min-width: 1024px) {
			grid-column: span 4;
			padding: var(--s-sm) max(var(--s-lg), calc(100vw - (var(--p-max) * 1px)) / 2);
		}
	}

	> aside {
		position:fixed;
		bottom:var(--s-md);
		right:var(--s-md);
		z-index:9999;
	}
}