.grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 33.33fr);
	gap: 30px;
}

.grid-gap-10 {
	gap: 10px;
}

.grid-fit-160 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 30px;
}

.grid-4 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 30px;
}

.grid-5 {
	display: grid;
	/* grid-template-columns: repeat(5, 20fr); */
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 40px 20px;
}

@media screen and (min-width: 540px) {
	.grid-5 {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}
}