* {
	margin:0;
	padding:0;
}

header#canvas {
	width: 49.7vw;
	height: 63vw;
	background-color:red;
}

section {
	width: 100%;
	height: 41.5%;
	float: left;
}
div {
	width:100%;
	height: 6.2%;
	float:left;
}
div#bottom {
	width: 100%;
	height: 10.7%;
	float: left;
}
article {
	width:82%;
	height: 66.7%;
	margin-left: 9%;
	margin-top:9%;
}
article#second {
	width:100%;
	height: 38%;
	margin-left:0;
	margin-top: 4%;
}
figure {
	width: 97.5%;
	height: 20%;
	float:left;
	margin-left:1.3%;
	margin-top: 1.7%;
}
/* CSS NAMED COLOR CLASSES*/

.yellow {
	background-color: yellow;
}

.orange {
	background-color: #f1bd40;
}

.lightgreen {
	background-color: #9bbf5f;
}

.red {
	background-color: red;
}

.white {
	background-color: white;
}

.pink {
	background-color: #e498b0;
}

.black {
	background-color: #252525;
}

.limegreen {
	background-color: #b9ca40;
}

.blue {
	background-color: #203c8d;
}