body {
	display: flex;
	flex-direction: column;
}

footer {
	filter: drop-shadow(0px -1px #FFF);
	z-index: 99999;
	background-color: #000;
	width: calc(100% - 3em);
	padding: 1.5em;
	margin-bottom: 0;
	color: #FFF;
	margin-top: auto;
	opacity: 0.1;

	transition: 2s opacity ease-out;
}

footer.scrolled, footer:hover {
	opacity: 1;

	transition: 0.3s opacity ease-in;
}

footer::before {
	content: "";
	background-color: #000;
	clip-path: url("#clip-footing");
	display: block;
	height: 2.5vw;
	margin-bottom: -2.5vw;
	position: relative;
	top: calc(-2.5vw - 1.5em + 1px);
	left: -1.5em;
	width: calc(100% + 3em);
}

.footer-block {
	display: inline-block;
	vertical-align: middle;
	margin: 0.5em;
}

.footer-block_left {
	text-align: left;
}
.footer-block_right {
	text-align: right;
}

#footer-logo {
	height: 4em;
}