body, html {
	height: 100%;
}

body {
	padding-top: 55px;

	display: flex;
	flex-direction: column;
}

.main-content {
	flex: 1 0 auto;
}

.footer {
	display: flex;
	flex-shrink: 1;
	justify-content: center;
	padding-bottom: 20px;
}

.footer-list {
	margin: 20px 0;
	display: inline-grid;
	grid-template-columns: repeat(5, 1fr);
}

.footer-link {
	display: inline-block;
	white-space: nowrap;
	text-align: center;
}

@media(max-width: 768px) {
	.footer-list {
		display: grid;
		grid-template-columns: 1fr;
	}

	.footer-link {
		margin-bottom: 20px;
	}
}