/* =========================================================
   Footer (global)
   ========================================================= */

.site-footer{
	background: var(--color-footer);
	padding: 40px 0;
}

.site-footer__inner{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap: 28px;
}

.site-footer__copyright{
	flex: 1 1 260px;
	font-size: 14px;
	line-height: 1.6;
}

.site-footer__menus{
	flex: 2 1 auto;
	display:grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.footer-menu a{
	display:block;
	padding: 6px 0;
	font-size: 13px;
	line-height: 1.1;
	color: #636363;
}

/* =========================================================
   Responsive — Footer
   ========================================================= */

/* ---------- <= 1024px ---------- */
@media (max-width: 1024px){
	.site-footer__menus{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- <= 768px ---------- */
@media (max-width: 768px){
	.site-footer__inner{ flex-direction: column; }
	.site-footer__menus{ grid-template-columns: 1fr; }
}

.footer-menu-title{
  font-weight: 700;
  margin-bottom: 10px;
	font-family: "mencken-std", sans-serif;
}