footer {
	.sub-footer {
		padding-block: 4rem;
		border-top: 2px solid color-mix(in hsl, #A7A9AC 50%, white);
	}

	.main-footer {
		background-color: color-mix( in hsl, #A7A9AC 20%, white );
		padding: 3rem 0 6rem;

		.footer-grid {
			display: grid;
			gap: 4rem;
			@media (width > 768px) {
				grid-template-columns: 2fr 1fr 1fr;
				gap: 2rem;
			}
			p {
				margin: 0;
			}
			a {
				color: inherit;
				text-decoration: none;
				border-bottom: 1px solid currentColor;
				/* transition: border-color 0.3s;
				&:hover {
					border-color: currentColor;
				} */
			}
		}
		

		.sub-label {
			color: #005288;
			/* font-size: 1.125rem;
			text-transform: uppercase;
			font-family: 'DINPro-Medium'; */
			font-size: var(--font-size-300);
			font-size: var(--font-size-200);
			text-transform: uppercase;
			font-weight: var(--fw-bold);
		}

		.label {
			font-weight: var(--fw-bold);
			text-transform: uppercase;
			font-size: var(--font-size-200);
		}

		.value {
			/* font-size: 1.5rem;
			line-height: 1.5;
			font-family: 'DINPro-Regular'; */
			font-size: var(--font-size-200);
			line-height: var(--lh-tight);
		}


		.footer-menu {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			flex-direction: column;
			gap: 0.25rem;
			line-height: 1;
			li {
				font-size: var(--font-size-200);
				margin: 0;
				&:before {
					content: '';
					display: none;
				}
			}
		}
	}


	.footer-copyright {
		margin-top: 2rem;
		p {
			font-size: var(--font-size-050);
			line-height: var(--lh-tight);
			margin: 0;
		}
	}

	.footer-rights {
		margin-top: 2rem;
		small {
			/* font-size: 0.875rem; */
			font-size: var(--font-size-050);
			line-height: var(--lh-tight);
			max-width: 84ch;
			margin: 0;
		}
	}

}