@charset "utf-8";

/* legal */
footer > div.legal {
	background-color: #272727;
	color: #aaaaaa;
	font-size: 1.2rem;
	padding: 0 0 2rem 0;
}

footer > div.legal > div {
	margin: 0 auto;
	padding: 2rem 1rem;
	max-width: 94rem;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
}

footer > div.legal > div > small {
	font-size: 1.2rem;
}

footer > div.legal > div > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

footer > div.legal > div > ul > li {
	list-style: none;
	display: inline;
}

footer > div.legal > div > ul > li:not(:first-child)::before {
	content: '|';
	margin: 0 1rem;
}

@media (max-width:750px) {
	footer > div.legal > div {
		flex-direction: column;
	}

	footer > div.legal > div > small {
		text-align: center;
	}

	footer > div.legal > div > ul {
		text-align: center;
	}
}