* {
	margin: 0;
	padding: 0;

}
header#canvas {
height: 48vw;
width: 73vw;
}
section {
	float: left;
	width: 16.5%;
	height: 100%;

}
article {
	float: left;
}
article.violet {
	width: 49%;
	height: 12.4%; 
	margin-left: 1%;
	margin-top: 1%;
}
article.orange {
	width: 49%;
	height: 12.4%; 
	margin-left: 1%;
	margin-top: 1%;
}
article.orange1 {
	width: 49%;
	height: 24.8%; 
	margin-left: 1%;
	margin-top: 1%;
}
article.violet1 {
	width: 49%;
	height: 24.8%; 
	margin-left: 1%;
	margin-top: 1%;
}

	article.blue {
	width: 99%;
	height: 12.4%;
	margin-left: 1%;
	margin-top: 1%;
}

article.red {
	width: 99%;
	height: 12.4%;
	margin-left: 1%;
	margin-top: 1%;
	}


/* CSS NAMED COLOR CLASSES */
.red {
	background-color: indianred;
}
.violet {
	background-color: darkorchid;
}
.orange {
	background-color: chocolate;
}
.blue {
	background-color: darkcyan;
}
.ivory { background-color: ivory;

}
.orange1 { background-color: chocolate;

}

.violet1 { background-color: darkorchid;

}