* {
	margin: 0;
	padding: 0;
}


header#canvas {
	width: 67.5vw;
	height: 51vw;
	background-color: red;
}

		section {
			width: 6.25%;
			height: 8.33333333333%;
			float: left;
			overflow: auto;
		}

				article#top {
					width: 100%;
					height: 23.076923076%;
				}

				article#bottom {
					width: 100%;
					height: 23.076923076%;
					margin-top: 77.5%;
				}



/* CSS NAMED COLOR CLASSES*/


.warmred {
	background-color: CE2127;
}

.warmred:hover{
	background-color: 311fcd;
}

.coolred {
	background-color: A51F2F;
}

.coolred:hover{
	background-color: 1f1ea5;
}

.dirtyorange {
	background-color: E48925;
}

.dirtyorange:hover{
	background-color: a826e5;
}

.lemon {
	background-color: F7E297;
}

.lemon:hover{
	background-color: f097f9;
}

.yellow {
	background-color: FFD400;
}

.yellow:hover{
	background-color: ff00ff;
}

.brown {
	background-color: 4D2411;
}

.brown:hover{
	background-color: 333366;
}

.lightorange {
	background-color: F8973A;
}

.lightorange:hover{
	background-color: 9933ff;
}

.black {
	background-color: 1B1911;
}

.black:hover{
	background-color: 330033;
}

.lightpurple {
	background-color: 7F5CA9;
}

.lightpurple:hover{
	background-color: 669999;
}

.purple {
	background-color: 2F2A68;
}

.purple:hover{
	background-color: 336633;
}

.brick {
	background-color: B7652A;
}

.brick:hover{
	background-color: 6633cc;
}

.redbrick {
	background-color: B15235;
}

.redbrick:hover{
	background-color: 6435b6;
}

.skyblue {
	background-color: 329AC6;
}

.skyblue:hover{
	background-color: 99cc33;
}

.lightblue {
	background-color: 4781C2;
}

.lightblue:hover{
	background-color: 6fc443;
}

.blue {
	background-color: 0D4F8D;
}

.blue:hover{
	background-color: 398b0a;
}

.gray {
	background-color: 8A8375;
}

.gray:hover{
	background-color: f9f392;
}

.orange {
	background-color: F05123;
}

.orange:hover{
	background-color: 6d23f0;
}

.passionfruit {
	background-color: F25D3D;
}

.passionfruit:hover{
	background-color: 793df1;
}

.lightbrick {
	background-color: AC7245;
}

.lightbrick:hover{
	background-color: 844aaf;
}

.burgundy {
	background-color: maroon;
}

.burgundy:hover{
	background-color: 2a0f68;
}

.richyellow {
	background-color: FAA61A;
}

.richyellow:hover{
	background-color: c619f8;
}

.pink {
	background-color: ED7770;
}

.pink:hover{
	background-color: 736cee;
}