body {
	margin: 0;
}

#d2 {
	background: red;
}
.d1 {
	height: 50vh;
	width: 100vw;
	background: blue;
}

div {
	height: 50vh;
	width: 100vw;
	background: rgba(130, 110, 255, 0.3);
}

@media (min-width: 500px) {
	#d2 {
		background: yellow;
	}
}

@media (min-width: 800px) {
	#d2 {
		background: white;
	}
}