footer {
	grid-area: footer;
	padding: 1rem;
	background-color: rgb(230, 230, 230);
	box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width: 100vw;
}

footer a {
	text-decoration: none;
}

footer div.contacts {
	display: flex;
	flex-flow: row;
	justify-content: space-around;
}

footer div.contacts div.contact {
	display: grid;
	grid-template-areas: "logo data";
	grid-template-rows: auto auto;
}

footer div.contacts div.contact div.logo {
	grid-area: logo;
	display: flex;
	align-items: center;
}

footer div.contacts div.contact div.logo a {
	display: flex;
	align-items: center;
}

footer div.contacts div.contact div.logo img {
	height: 1.3rem;
	margin: 0 0.1rem;
	width: auto;
	filter: brightness(0) saturate(100%) invert(16%) sepia(64%) saturate(4178%) hue-rotate(96deg) brightness(95%) contrast(103%);
}

footer div.contacts div.contact div.data {
	grid-area: data;
	display: flex;
	align-items: center;
	padding-left: 1rem;
}

footer div.copyright {
	padding-top: 1.5rem;
	font-size: 0.8rem;
	text-align: center;
}

@media screen and (width < 800px) {
	footer {
		display: flex;
		align-items: center;
		flex-flow: column nowrap;
	}

	footer div.contacts {
		display: flex;
		flex-flow: column nowrap;
		align-items: flex-start;
		gap: 0.75rem;
		width: max-content;
	}

	footer div.contacts div.contact {
		display: flex;
	}

	footer div.contacts div.contact div.logo {
		width: 15vw;
		grid-area: none;
	}
	footer div.contacts div.contact div.data {
		width: max-content;
		grid-area: none;
	}
}