.footer {
	background-color: var(--cl5);
	display: flex;
	flex-direction: column;
	gap: var(--grid-gap);
	padding: var(--indent);
	
}
.footer__logo {
	width: clamp(8rem,15vw,15rem);
	
}
.footer_menu {
	
}
.footer__copyright {
	color: var(--cl-copy);
	font-size: var(--sm);
	
}
.footer__contact {
	
}
.footer__contact-link {
	color: var(--cl2);
	
}
.footer__social {
	
}
.footer__menu {
	
}
.footer__menu ul {
	margin-bottom: var(--sp1);
	
}
.footer__menu ul li {
	
}
.footer__menu ul li a {
	
}
.footer__menu ul li a,
.footer__menu ul li span {
	font-size: var(--md);
	color: var(--cl1);
	
}
.footer__toplink {
	
}
.footer__quote {
	font-family: var(--font-hl);
	font-size: var(--xl);
	line-height: var(--lh-xl);
	color: var(--cl1);
	
}
@media screen and (min-width: 768px){
	.footer {
		aspect-ratio: var(--section-ratio);
		display: grid;
		grid-template-columns: 1fr max-content;
		
	}
	.footer__contact {
		justify-self: flex-end;
		text-align: right;
		
	}
	.footer__menu {
		justify-self: flex-end;
		text-align: right;
		align-self: flex-end;
		
	}
	.footer__quote {
		align-self: flex-end;
		
	}
	.footer__toplink {
		display: flex;
		justify-content: flex-end;
		
	}
}