* {
	margin:0;
	padding:0;
}

header#canvas {
	width: 95vw;
	height: 95.2vw;
	background-color: red;
}

section#one {
	width: 95vw;
	height: 23.98vw;
	float: left;
}

article#one {
	width:23.5vw;
	height: 24vw;
	float: left;
	margin-left: 25.6%;
	margin-top: 0%;
}
figure#one {
	width: 23.5vw;
	height: 24vw;
	float: left;
	margin-left: 201%;
	margin-top: 0%;
}

section#two {
	width: 95vw;
	height: 24vw;
	float: left;
}

article#two {
	width: 23.5vw;
	height: 24vw;
	float:left;
	margin-top:0%;
	margin-left: 25.6%;
}
figure#two {
	width: 23.5vw;
	height: 24vw;
	float: left;
	margin-left: 201%;
	margin-top: 0%;
}

figure#second {
	width: 5.87vw;
	height: 6.1vw;
	float: left;
	margin-left: 0%;
	margin-top: 0%;
}
figure#third {
	width: 6.08vw;
	height: 6vw;
	float: left;
	margin-left: 0%;
	margin-top: 0%;
}
section#three {
	width: 95vw;
	height: 23.98vw;
	float: left;
}

article#three {
	width:23.5vw;
	height: 24vw;
	float: left;
	margin-left: 25.6%;
	margin-top: 0%;
}
figure#three {
	width: 23.5vw;
	height: 24vw;
	float: left;
	margin-left: 201%;
	margin-top: 0%;
}

section#four {
	width: 95vw;
	height: 24vw;
	float: left;
}

article#four {
	width: 24.35vw;
	height: 24vw;
	float:left;
	margin-top:0%;
	margin-left: 0%;
}
figure#four {
	width: 23.75vw;
	height: 23.98vw;
	float: left;
	margin-left: 196.5%;
	margin-top: -98.4%;
}
/* CSS NAMED COLOR CLASSES*/

.yellow {
	background-color: #eee68f;
}

.blue {
	background-color: #717dd4;
}

.darkgreen{
	background-color: #34575b;
}
.orange {
	background-color: #e97236;
}
.maroon {
	background-color: #4e2108;
}
.darkblue {
	background-color: #292241;
}
.darkorange{
	background-color: #ca4b24;
}
.darkyellow {
	background-color: #dade48;
}