body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.content {

	flex: 1;
}

@media (max-width:1000px) {

	.list1 {
		justify-content: flex-start;
	}

	.li-box {
		width: 28%;
		margin-right: 10px;
		padding: 3px;
	}

	.li-box:nth-of-type(3n) {
		margin-right: 0px;
	}
}

@media (min-width:1000px) {

	.list1 {
		justify-content: flex-start;
	}

	.li-box {
		width: 18%;
		margin-right: 10px;
		padding: 3px;
	}

	.li-box:nth-of-type(5n) {
		margin-right: 0px;
	}
}

.footer {
	margin-bottom: 0px;
}