*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

body{
	display: flex;
	flex-wrap:wrap;
}
div{
	flex-basis:15%;
	flex-grow: 1;
	height:33.33vh;
	background-color: black;
	border:4px solid #989898;
}

@media (orientation: portrait){
	div{
		flex-basis:32%;
		height:16.66vh;
	}
}
.red{
	background-color: red;
}
.yellow{
	background-color: yellow;
}
.orange{
	background-color: orange;
}
.blue{
	background-color: blue;
}
.violet{
	background-color: purple;
}
.brown{
	background-color: brown;
}
.green{
	background-color: green;
}
.lightgreen{
	background-color: lightgreen;
}
.cadatblue{
	background-color: #66a;
}

.hidden{
	background-color: #000;
}
.off{
	background-color: #aaa;
}