<body>
  <div class="container"></div>
</body>
$bg-color: #d7d7d7;

@media (max-width: 999px) {
	.container {
		background-color: $bg-color;
	}
}

@media (max-width: 599px) {
	.container {
		background-color: $bg-color;
	}
}

.container {
	background-color: $bg-color;
	height: 50vh;
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.