#footer {
	font-size: 14px;
	padding: 5rem 0;
	color: #adadad;
	background-color: var(--color-mine-shaft);

	.footer-brand-title {
		font-family: var(--font-secondary);
		font-size: var(--text-2xl);
		color: var(--color-white);
		letter-spacing: 0.025em;
		line-height: 1;
		margin-bottom: 0.375rem;
	}

	.footer-brand-text {
		font-size: 10px;
		font-weight: 600;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: #858384;
	}

	.footer-brand-location {
		font-size: 14px;
	}

	.footer-title {
		font-family: var(--font-primary);
		font-size: 10px;
		font-weight: 600;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: #858384;
    margin-bottom: 1rem;
	}

	.footer-links {
		display: flex;
		flex-direction: column;
		gap: 0.625rem;

		li {
			a {
				transition: all 0.15s;
				&:hover {
					color: var(--color-white);
				}
			}
		}
	}

	.social-links {
		li {
			a {
				width: 2.25rem;
				height: 2.25rem;
				display: grid;
				place-items: center;
				border: 1px solid #5c5a5b;
				border-radius: 50em;
				font-size: 0.875rem;
				transition: all 0.15s;

				&:hover {
					color: var(--color-white);
					border-color: #858384;
				}
			}
		}
	}

	.copyright-content {
		border-top: 1px solid #484647;
		padding-top: 2rem;
		margin-top: 1rem;
	}

	.copyright-text {
		font-size: 12px;
		color: #858384;
	}
	
	.policy-links {
		font-size: 12px;
		color: #858384;
	}
}