section{
	padding: 1rem 0 2rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0.50rem 1rem;
	border-radius: 0.5rem;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.page li{
	margin: 0.15rem;
	padding: 0.1rem 0.80rem;
	border-radius: 0.5rem;
	color: #b6b7b7;
}
.page a li{
	background-color: #363636;
	border: 1px solid #363636;
}
.page a:link{
	text-decoration: none;
}
.page a:hover li{
	border-color: #fff;
	color: #F5B027;
}
.page a.active li{
	background-color: #ff52f1;
}
.page a.active li{
	background-color: #3586ff;
	color: #fff;
	border-color: #3586ff;
	font-weight: 600;
	box-shadow: 0 0.5rem 1rem #ff52f136;
}

@media(max-width: 575.98px){
	.page li{
		margin: 0.15rem;
		padding: 0.30rem 0.80rem;
		border-radius: 0.5rem;
		color: #b6b7b7;
	}
}