.sub-pages-block {padding:100px 0; background:#f4f4f4;}
.sub-pages-block .pages {display:flex; flex-wrap:wrap;}
.sub-pages-block .pages .page {
	flex:1 0 calc(20% - 1px); display:block; 
	border:1px solid #f4f4f4; background:#fff;
	padding:15px 5px; text-align:center;
	text-transform:uppercase; font-size:12px; text-decoration:none;
	transition:all .5s ease;
}
.sub-pages-block .pages .page:hover {
	background:var(--color-brand);
	color:#fff;
}

@media (max-width:1080px) {
	.sub-pages-block .pages .page {flex-basis:calc(25% - 1px);}	
}


@media (max-width:810px) {
	.sub-pages-block .pages .page {flex-basis:calc(33.33% - 1px);}	
}


@media (max-width:700px) {
	.sub-pages-block .pages .page {flex-basis:calc(50% - 1px);}	
}