@media screen and (max-width: 800px) {
	.site-header,
	.top-contact-bar,
	.brand-nav {
		position: static !important;
		top: auto !important;
	}

	.top-contact-bar a,
	.brand-menu a {
		display: inline-flex;
		min-height: 44px;
		align-items: center;
	}
}

.brand-identity {
	color: inherit;
	text-decoration: none;
}

.brand-identity:focus-visible {
	outline: 3px solid #1a73e8;
	outline-offset: 4px;
}

.brand-identity:hover .brand-name {
	text-decoration: underline;
	text-underline-offset: 0.18rem;
}

.social-footer {
	width: min(100% - 2rem, 58rem);
	margin: 1.5rem auto 0;
	padding: 1.25rem 1rem 0;
	border-top: 1px solid rgba(49, 91, 88, 0.2);
	color: #685a54;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
}

.social-footer-label {
	margin: 0 0 0.45rem;
	font-size: 0.82rem;
	font-weight: 700;
}

.social-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.1rem 1rem;
}

.social-links a {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	gap: 0.4rem;
	padding: 0.35rem 0.2rem;
	color: #315b60;
	font-size: 0.84rem;
	font-weight: 700;
	text-decoration: none;
}

.social-links a:hover {
	color: #651f23;
	text-decoration: underline;
	text-underline-offset: 0.18rem;
}

.social-links a:focus-visible {
	outline: 3px solid #1a73e8;
	outline-offset: 3px;
}

.social-links img {
	width: 1.2rem;
	height: 1.2rem;
	flex: 0 0 auto;
}

.social-footer + .privacy-footer {
	margin-top: 0.6rem !important;
}

.site-footer .social-footer {
	width: 100%;
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

@media screen and (max-width: 480px) {
	.social-links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: min(100%, 15rem);
		margin: 0 auto;
		gap: 0 0.75rem;
	}

	.social-links a {
		justify-content: flex-start;
	}
}