footer a{
	text-decoration:none;
}
.f-m1{
	padding-top:5rem;
	padding-bottom:8rem;
}
.f-m2{
	margin-top:3rem;
}
.f-m3{
	margin-bottom:0.5rem;
}
.f-m4{
	margin-right:1rem;
}
.f-m5{
	margin-top:2rem;
	margin-bottom:2rem;
}
.f-m6{
	margin-left:0rem;
}
.f-i1{
	width:14rem;
	max-width:14rem;
	height:auto;
	filter:invert(1);
}
.f-i2{
	width:2.5rem;
	min-width:2.5rem;
	height:2.5rem;
	filter: hue-rotate(110deg) brightness(1.6);
}
.f-i3{
	position:absolute;
	border-radius:inherit;
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center top;
	top:0;
	left:0;
	z-index:20;
	transition:all 0.3s;
}
.f-e1{
	width:100%;
	margin-top:2rem;
	margin-bottom:6rem;
	height:2px;
	border-top:solid 1px rgba(255,255,255,0.1);
}
.f-e2{
	width:900px;
	display:grid;
	grid-gap:0.6rem;
	grid-template-columns:repeat(3,1fr);
	align-items:start;
	align-content:start;
	justify-content:start;
}
.f-e3{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin-top:4rem;
}
.f-e4{
	
}

@media screen and (max-width:1500px){
	.f-e2{
		width:700px;
		grid-gap:0.6rem;
		grid-template-columns:repeat(3,1fr);
	}
}

@media screen and (max-width:1200px){
	.f-e3{
		flex-wrap:wrap;
		grid-gap:1.5rem;
	}
}
@media screen and (max-width:1100px){
	.f-e2{
		width:450px;
		grid-gap:0.6rem;
		grid-template-columns:repeat(2,1fr);
	}
}

@media screen and (max-width:1000px){
	.f-m6{
		margin-bottom:5rem;
	}
	.f-m1{
		padding-top:5rem;
		padding-bottom:5rem;
	}
}

@media screen and (max-width:800px){
	.f-e2{
		width:100%;
		grid-gap:0.6rem;
		grid-template-columns:repeat(3,1fr);
	}
	.f-m6{
		margin-top:4rem;
		margin-bottom:0rem;
	}
	.f-i1{
		width:16rem;
		max-width:16rem;
		height:auto;
		margin:auto;
	}
	.f-e3{
		flex-direction:column;
	}
}
@media screen and (max-width:700px){
	.f-e2{
		grid-template-columns:repeat(2,1fr);
	}
}
@media screen and (max-width:650px){
	.f-m1{
		padding-top:7rem;
		padding-bottom:3rem;
	}
	.f-m1{
		padding-top:3rem;
		padding-bottom:5rem;
	}
	.f-e1{
		width:100%;
		margin-top:2rem;
		margin-bottom:2rem;
		height:1px;
		background-color:rgba(0,0,0,0.2);
	}
}
@media screen and (max-width:450px){
	.f-e2{
		grid-template-columns:repeat(1,1fr);
	}
}