.site-footer {
  margin-top: var(--space-2);
	padding: 0 1rem 1rem;
	color: #f6f6f6;
	background-color: hsl(219, 66%, 18%);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
	clip-path: polygon(0% 4%, 50% 0%, 100% 4%, 100% 100%, 0% 100%);
}
.footer-inner {
	display: grid;
	place-items: center;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	padding: 1rem 1rem 0.65rem !important;
}
.footer-inner div {
	text-align: center;
}
.footer-inner p, .footer-inner a {
	font-size: 10px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-align: center;
}

.footer-nav .menu { display: flex; gap: .75rem; list-style: none; }
.footer-nav a { color: #fff; opacity: .9; }
.footer-nav a:hover { opacity: 1; text-decoration: underline; }

.footer-site-logo-img {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}
.footer-copy-text { 
	font-size:  10px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-align: center;
}