Merkwürdiges Verhalten von CSS media queries

Hey, ich hab (mal wieder) ein Problem.

Und zwar habe ich mehrere media queries in die style.css gepackt und größtenteils funktionieren sie auch wie sie sollen. Größtenteils.

Beispiel: Wenn der Viewport von Tablet zu Desktop umspringt, in meinem Fall von 1023 zu 1024px (von 63.938em zu 64em, font-size: 16px) stimmen die Werte für 1022px und für 1024px, aber bei 1023px fällt er auf @media all zurück.

Hier ein paar Bilder:

Und der zugehörige Code:

/** STYLES FOR ALL USER AGENTS **/

@media all {
	
	
	
	/*** BASICS ***/
	
	

	html {
		font-size: 16px;
	}
	
	body {
		background-color: red;
	}
	
}

/** STYLES FOR DESKTOP (from 1024px width) **/

@media ( min-width: 64em ) {
	
	body { background-color: pink; }
	
}

/** STYLES FOR TABLETS (from 600px to 1023px width) **/

@media ( min-width: 37.5em ) and ( max-width: 63.938em ) {
	
	body { background-color: blue; }
	
}

/** STYLES FOR MOBILE (to 599px width) **/

@media ( max-width: 37.438em ) {
	
	body { background-color: yellow; }
	
}

Vielleicht habe ich auch nur einen Denkfehler. Jedenfalls scheint niemand sonst dieses Problem zu haben, also hoffentlich kann mich jemand aufklären oder zur Lösung verhelfen.
Gleiches Problem gilt übrigens auch von 599px auf 600px.