#subheader {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 1rem;
	margin-bottom: 2rem;
}

#subheader.production {
	grid-template-columns: repeat(5, minmax(150px, 1fr));
}

#subheader > li > a {
	display: block;
	padding: 1em;
	border-bottom: 2px solid var(--blue);
	font-weight: bold;
	text-align: center;
	color: var(--blue);
}

@media (max-width: 1024px) {
	#subheader.production {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 767px) {
	#subheader.production {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 550px) {
	#subheader.production {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 360px) {
	#subheader.production {
		grid-template-columns: 1fr;
	}
}