.site-footer {
	box-shadow: 0 -20px 100px 0 rgba(0, 0, 0, .05);
}

.site-footer .site-branding {
	grid-area: 1/2/1/span 12;
	justify-self: center;
}

.site-footer .contact-container {
	grid-area: 1/3/span 3/span 3;
	padding-left: 24px;
}

.site-footer .contact-container::before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: currentColor;
	mask: url(../img/icon-hut.svg) no-repeat center/contain;
	-webkit-mask: url(../img/icon-hut.svg) no-repeat center/contain;
	margin-left: -24px;
}

.site-footer .contact-container .footer-contact {
	text-transform: none;
}

.site-footer .footer-nav {
	grid-area: 2/9/2/span 4;
	justify-self: flex-end;
}

.site-footer .footer-nav .menu {
	display: flex;
	gap: max(16px, 1.5625vw);
	font-family: "Dosis";
	font-size: var(--fs-30);
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.site-footer .social-copyright-container {
	grid-area: 2/6/span 2/span 4;
	gap: 15px;
	margin-bottom: 2px;
	max-width: 60%;
	justify-self: center;
}

.site-footer .social-copyright-container .social-container {
	gap: 10px;
}

.site-footer .social-copyright-container .social-container .icon-btn {
	display: block;
	width: 30px;
	height: 30px;
	background: currentColor;
	mask: url(../img/icon-fb.svg) no-repeat center/contain;
	-webkit-mask: url(../img/icon-fb.svg) no-repeat center/contain;
}

.site-footer .social-copyright-container .social-container .icon-btn.ig {
	mask-image: url(../img/icon-ig.svg);
	-webkit-mask-image: url(../img/icon-ig.svg);
}

.site-footer .copyright {
	grid-area: 3/6/3/span 4;
}

.site-footer .footer-legal-nav {
	grid-area: 3/9/3/span 4;
	justify-self: flex-end;
}

.site-footer .footer-legal-nav .menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.site-footer .footer-legal-nav .menu li:not(:last-child)::after {
	content: "|";
	margin: 0 1ch;
}

.site-footer .saalbach {
	grid-area: 4/2/4/span 12;
	justify-self: center;
	height: max(24px, 1.25vw);
	aspect-ratio: 135/33;
	background: url(../img/saalbach-logo.svg) no-repeat center/contain;
	margin-top: 24px;
}

@media (max-width: 1999.98px) {
	.site-footer .contact-container {
		grid-area: 1/2/span 3/span 4;
	}

	.site-footer .footer-nav {
		grid-area: 2/9/2/span 5;
	}

	.site-footer .footer-legal-nav {
		grid-area: 3/9/3/span 5;
	}
}

@media (max-width: 1499.98px) {
	.site-footer .footer-legal-nav {
		margin-top: var(--m-sm);
	}

	.site-footer .footer-legal-nav .menu {
		flex-direction: column;
		align-items: flex-end;
		gap: .5ch;
	}

	.site-footer .footer-legal-nav .menu li:not(:last-child)::after {
		content: none;
	}

	.site-footer .social-copyright-container {
		grid-area: 2/6/span 2/span 4;
	}
}

@media (max-width: 991.98px) {
	.site-footer .contact-container {
		grid-area: 2/2/2/span 12;
		justify-self: center;
		text-align: center;
		padding-left: 0;
	}

	.site-footer .footer-nav {
		grid-area: 3/2/3/span 12;
		justify-self: center;
		margin-top: var(--m-md);
	}

	.site-footer .footer-legal-nav {
		grid-area: 4/2/4/span 12;
	}

	.site-footer .contact-container::before {
		margin: 0 auto;
	}

	.site-footer .contact-container .footer-contact {
		align-items: center;
	}

	.site-footer .footer-legal-nav .menu {
		align-items: center;
		gap: 1.2em;
		padding: 1.25em 0;
	}

	.site-footer .footer-legal-nav {
		margin-top: var(--m-md);
		justify-self: center;
	}

	.site-footer .social-copyright-container {
		grid-area: 5/2/5/span 12;
		margin-top: var(--m-md);
	}

	.site-footer .saalbach {
		grid-area: 6/2/6/span 12;
	}

	.site-footer .footer-nav .menu {
		gap: 1.5em;
		flex-direction: column;
		text-align: center;
	}

	.site-footer .footer-legal-nav::before,
	.site-footer .footer-legal-nav::after {
		content: "";
		display: block;
		width: 65%;
		height: 2px;
		background: currentColor;
		margin: 0 auto;
	}

}