main nav {
	max-width: 400px;
	margin: 0 auto;
}

main nav .page-nav {
	display: flex;
	padding: 0px 0px 14px 0px;
}

@media only screen and (max-width:240px) {
	main nav .page-nav {
		display: block;
		text-align: center;
	}
}

main nav ul .page-number {
	margin: 0 auto;
}

main nav ul .page-number a {
	display: block;
	height: 10px;
	color: #444444;
	font-size: 13pt;
	text-decoration: none;
	/* border-radius: 50px; */
	border-radius: 10px;
	/* border: solid #ddbfaf 2px; */
	border: solid #888888 1px;
	padding: 4px 14px 20px 14px;
}

main nav ul .current-page-number {
	/* border-radius: 50px; */
	border-radius: 10px;
	/* background-color: #f0e8d8; */
	background-color: #f4f4f4;
}

main nav ul li {
	list-style: none;
}

@media only screen and (max-width: 599px) {
	main {
		border: none;
	}
}