.footer {
	border-top: var(--line) solid var(--cl1);
	padding-top: 4vw;
	padding-bottom: 4vw;
	padding-left: var(--indent-sides);
	padding-right: var(--indent-sides);
	
}
.footer__logo {
	
	
}
.footer__logo-img {
	width: clamp(5.5rem,10vw,10rem);
	display: block;
	
}
.footer__bottom {
	display: flex;
	margin-top: 7vw;
	flex-direction: column;
	gap: var(--indent);
	
}
.footer__menu {
	display: flex;
	gap: var(--indent);
	flex-direction: column;
	
}
.footer__menu a {
	font-size: var(--md);
	line-height: var(--lh-md);
	color: black;
	text-decoration: none;
	transition: color .3s ease;
	
}
.footer__menu a:hover {
	color: var(--cl1);
	
}
.footer__social {
	display: flex;
	gap: var(--indent);
	flex-direction: column;
	
}
.footer__social a {
/* 
	border-radius: 100%;
	border: 2px solid var(--cl1);
	width: clamp(2rem,3vw,4rem);
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
 */
}
.footer__social a {
	text-decoration: none;
	font-size: var(--md);
	line-height: var(--lh-md);
	color: var(--cl2);
	transition: color .3s ease;
	
}
.footer__social a:hover {
	color: var(--cl1);
	
}
.footer__social a:nth-of-type(2) img {
/* 	width: 30%; */
	
}
.footer__social a img {
	width: 50%;
	height: auto;
	display: block;
	
}
@media screen and (min-width: 768px){
	.footer__bottom {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		
	}
	.footer__menu {
		flex-direction: row;
		
	}
	.footer__social {
		flex-direction: row;
		
	}
	
}