.main {
	color: blue
}

	@media (min-width: 100px) {

	.main {
		color: white
	}

	.main .child {
}
	}

	@media (min-width: 100px) and (max-width: 200px) {

	.main {
		color: red
	}
}

	@media (min-width: 100px) and (max-width: 200px) {

	.main .child {
		color: green
	}
}

.main {
}

@media screen, print and speech {

	.main {
}
	}

@media screen and (max-width: 300px), screen and (min-aspect-ratio: 16/9), print and speech and (max-width: 300px), print and speech and (min-aspect-ratio: 16/9) {

	.main {
		color: black
	}
}