#product-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 2rem;
	row-gap: 4rem;
}

.product-filters {
	display: flex;
	align-items: center;
	gap: 2rem;
	font-family: 'SF PRO Display',Helvetica,Arial,Lucida,sans-serif;
	margin-bottom: 4rem;
}	

.products-filter-nav__icon {
	display:flex;
	gap:.5rem;
	color:#444;
	font-size:16px;
	align-items:center;
	font-weight: bold;
}

.product-filters select {
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.15);
	border-radius: 50px;
	padding: 0.75rem 2rem;
	background: white;
	border: none;
	font-family: inherit;
	font-size: 16px;
}

@media only screen and (max-width: 768px){
	#product-grid{
		grid-template-columns: 1fr;
	}
	.product-filters {
		flex-direction: column;
		gap: 1rem;
		align-items: flex-start;
	}
	.product-filters select {
		width: 100%;
	}
}