/*		|8		|		|24		|		|40		|		|56		|		|72		|		|88		|		|104	|		|*/
footer.site{
		color					:	#fff								;
}
footer.site .top{
		padding					:	80px 20px							;
		background				:	var(--navy)							;
		border-top				:	6px solid var(--silver)				;
		box-shadow				:	var(--shadow)						;
}
footer.site .top .inner{
		display					:	flex								;
		align-items				:	flex-start							;
		max-width				:	var(--boxed)						;
		margin					:	0 auto								;
}
footer.site nav{
		display					:	flex								;
		flex					:	1 1 auto							;
}
footer.site nav>div{
		flex					:	1 1 0								;
		padding					:	10px								;
}
footer.site h2{
		margin					:	0 0 20px							;
		font-family				:	"Lato",sans-serif					;
		font-size				:	19px								;
		font-weight				:	700									;
		line-height				:	1.2									;
		color					:	#fff								;
}
footer.site ul{
		margin					:	0									;
		padding					:	0									;
		list-style				:	none								;
}
footer.site li{
		font-size				:	15px								;
		line-height				:	1.85								;
}
footer.site a{
		color					:	#fff								;
		text-decoration			:	none								;
		transition				:	color .3s							;
}
footer.site a:hover,footer.site a:focus{
		color					:	var(--accent)						;
}
footer.site .logo{
		flex					:	0 0 220px							;
		margin					:	0 35px 73px 30px					;
		padding					:	20px 0								;
		border-radius			:	150px								;
		background				:	var(--pale)							;
		box-shadow				:	0 11px 10px rgba(0,0,0,.5)			;
}
footer.site .logo img{
		width					:	100%								;
		height					:	115px								;
		object-fit				:	contain								;
}
footer.site .legal{
		padding					:	20px								;
		background				:	var(--navy-deep)					;
}
footer.site .legal .inner{
		display					:	flex								;
		align-items				:	center								;
		max-width				:	1272px								;
		margin					:	0 auto								;
}
footer.site .legal .wsaa{
		flex					:	0 0 18%								;
		padding					:	10px								;
}
footer.site .legal .wsaa img{
		width					:	100%								;
		border					:	4px groove #fff						;
		border-radius			:	5px									;
		filter					:	saturate(200%)						;
}
footer.site .legal p{
		flex					:	1 1 auto							;
		margin					:	0									;
		padding					:	10px								;
		text-align				:	center								;
		font-size				:	19px								;
		line-height				:	1.3									;
}
footer.site .social{
		display					:	flex								;
		flex					:	0 0 18%								;
		justify-content			:	center								;
		gap						:	14px								;
		padding					:	10px								;
}
footer.site .social a{
		display					:	block								;
		width					:	36px								;
		height					:	36px								;
		border-radius			:	50%									;
		background				:	#fff								;
		font-size				:	0									;
}
footer.site .social a::before{
		content					:	""									;
		display					:	block								;
		width					:	100%								;
		height					:	100%								;
		background				:	var(--navy)							;
		-webkit-mask			:	center/18px no-repeat				;
		mask					:	center/18px no-repeat				;
}
footer.site .social .facebook::before{
		-webkit-mask-image		:	url(/images/icons/facebook.svg)		;
		mask-image				:	url(/images/icons/facebook.svg)		;
}
footer.site .social .linkedin::before{
		-webkit-mask-image		:	url(/images/icons/linkedin.svg)		;
		mask-image				:	url(/images/icons/linkedin.svg)		;
}
@media (max-width:1024px){
	footer.site .legal p{
		font-size				:	14px								;
	}
}
@media (max-width:767px){
	footer.site .top .inner{
		flex-direction			:	column-reverse						;
		align-items				:	stretch								;
	}
	footer.site nav{
		flex-direction			:	column-reverse						;
	}
	footer.site .logo{
		flex					:	none								;
		align-self				:	center								;
		width					:	73%									;
		margin					:	0 0 40px							;
	}
	footer.site .legal .inner{
		flex-direction			:	column								;
	}
	footer.site .legal .wsaa{
		width					:	53%									;
	}
}