footer {
	--bg: var(--white);
	--color: var(--fc1);
	--hover: var(--navhover);
	--font: var(--n4) var(--20px) / var(--25px) var(--bff);
	--iconsize: var(--24px);
	--lpad:var(--90px);--rpad:var(--72px);
	--bottom-font: var(--n4) var(--14px) / var(--17px) var(--hff2);
	--hfont: var(--n4) var(--20px) / var(--25px) var(--hff2);
	--nav: var(--n4) var(--15px) / var(--18px) var(--hff2);
	--footer-wrap__gap:var(--40px) var(--22px);
	--social__gap:var(--11px);
}

/* FOOTER
======================================================= */
@media(min-width:769px) {
	.ft1, .ft5 {flex-basis: var(--335px);}
	.ft2{flex-basis: var(--284px);}
	.ft3 {flex-basis: var(--287px);}
	.ft6 {flex-basis: var(--194px);}
	.ft4, .ft8 {flex-basis: var(--175px);}
	.ft5, .ft6, .ft7 {align-self: flex-end;padding-bottom: var(--6px);text-transform: uppercase}
	.ft7 {flex-basis: var(--379px);justify-content:space-around;display: flex; padding-bottom: var(--10px);}
}



footer {padding:0 var(--rpad) var(--vpad) var(--lpad); background: var(--bg); position:relative;}
footer > .footer-wrap {padding-top: var(--vpad);width:100%;height:100%;display:flex;flex-wrap:wrap;gap:var(--footer-wrap__gap);justify-content: space-between;}
footer > .footer-wrap > div {margin-bottom:var(--footer-wrap__margin-bottom, 0);}
footer * {font:var(--font);color:var(--color);}
footer a:hover, footer .social > a:hover > h5 {color:var(--hover);}
footer h4:not(.a) {font-weight:bold;font:var(--bottom-font);letter-spacing:var(--ls3); text-transform: uppercase;margin-bottom:var(--3px);}

footer ul.nav { width:100%; display:flex; flex-direction:column; align-items: flex-start;}

.social > a {display:flex;gap:var(--social__gap,0);align-items: center;}
.social > a > svg {width: var(--iconsize);height: var(--iconsize);position: relative;transition:all 0.3s;margin-right:var(--social__margin-right,0)}
.social > a > h5 {display: inherit;}
.social > a:hover svg path{fill:var(--dorange);}

.ft5, .ft6 a, .ft7 a, .social > a > h5{font:var(--bottom-font); letter-spacing:var(--ls3);}
.ft4 a{font:var(--bottom-font);text-transform: uppercase;letter-spacing:var(--ls3);}

/*LEGAL & GENERAL LOGO*/
.lag {width:var(--lagw);}
.lag > img {object-fit: contain;width:100%;height:100%;}
img.footer-logo {object-fit: contain;width:var(--144px);margin-left:var(--43px)}

@media (max-width:768px) {
	footer {
		--font: var(--n5) var(--16px) / var(--20px) var(--bff);
		--iconsize: var(--16px);
		--lpad:var(--25px);--rpad:var(--25px);
		--hfont: var(--n4) var(--12px) / var(--30px) var(--hff2);
		--nav: var(--n4) var(--12px) / var(--14px) var(--hff2);
		--bottom-font: var(--nav);
		--afont: var(--n4) var(--16px) / var(--20px) var(--bff);
		--footer-wrap__gap:0;
		--footer-wrap__margin-bottom:var(--40px);
		--social__gap:0;
		--social__margin-right:var(--11px);
	}
	
	.footer-wrap > div, .footer-wrap > div > ul > li{width:100%;}
	
	img.footer-logo {width:var(--85px);margin:0 auto;}
	.wsn {white-space: nowrap;}
	.footer-wrap > div {transform: translate(0,0%);}
	footer a, footer h4, footer p, footer li, .footer-wrap > div {text-align: center;}
	footer .social {display: flex;justify-content: center;}
	.social > a {align-items: center;text-transform: uppercase;}
	.ft1 {order:4;display:flex;justify-content: center;}
	.ft1 a {font:var(--afont);}
	.ft2 {order:2;}
	.ft3 {order:1;}
	.ft4 {order:0;}
	.ft5 {order:6;text-transform: uppercase;}
	.ft6 {order:3;}
	.ft7 {order:5;gap:0;;justify-content:space-around;display: flex}
	.ft7 {}
	.ft8 {order:7;}
	.ft7 > a {gap:0;text-transform: uppercase;}
	
	footer br:not(:last-child){display:block;}
}