.am-pages {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1rem;
}

.am-pages-page {
	--columns: 1;

	flex: 0 0 calc( ( 100% / var( --columns ) ) - 2rem );
	margin: 1rem;
	text-align: center;
}

@media (min-width: 768px) {
	.am-pages-page {
		--columns: 2;
	}
}