/* › › › › › › › › › › › › › › › › › ›     F O O T E R */



footer {
	background-color: var(--c-900);
	padding-block: var(--fs-xxxxl);
}


footer .container {
	flex-direction: row;
	justify-content: space-between;
}

 #logo-footer {
	width: 130px;	
}

#logo-footer img {
	width: 100%;
}

footer .container div {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

footer .container div div {
	gap: 50px;
	display: flex;
	flex-direction: row;
}

footer .container div h3 {
	color: var(--c-200);
	display: block;
	padding-bottom: 15px;
	font-size: var(--fs-m);
	width: 100%;
	border-bottom: 1px solid var(--c-800);
}


footer .container p {
	line-height: 140%;
	font-size: var(--fs-s);
	color: var(--c-350);
}

footer p em {
	text-transform: uppercase;
	color: var(--c-350);
	font-size: var(--fs-xs);
	font-weight: 700;
}

footer a  {
	font-size : var(--fs-s);
	color: var(--c-350);
	transition : color ease-in-out 200ms;
	line-height: 100%;
	padding-block: 4px;
	
}

footer a:hover {
	color : white;
}




@media only screen and (max-width: 1000px) {

footer .container { flex-direction: column; gap: 20px;}
footer .container ul li a { font-size: 19px; line-height: 200%; }
footer .pro {	padding-right : 37px;}
footer .container div div { gap: 0px; flex-direction: column;}
footer .pro::after {top : 8px; font-size: 10px;}

}