* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body {
	font-family: system-ui, sans-serif;
	background: #d6d6d6;
}
h2 {
	margin: 2rem auto 1rem;
	font-size: calc(0.75rem + 2vw);
	text-align: center;
}
p {
	margin: 0 auto 2rem;
	text-align: center;
}
ul {
	width: 100%;
	margin: 2rem auto;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, 33.3%);
}
li {
	width: 100%;
	height: 80px;
	padding: 0 0.25rem;
	display: grid;
	align-items: center;
}

@media screen and (max-width: 800px) {
	ul {
		grid-template-columns: repeat(2, 50%);
	}
}