* {
	margin:0;
	padding:0;
}

header#canvas {
	width: 45.6vw;
	height: 45.6vw;
	background-color: #4592c7;
}

section#one {
	width: 31vw;
	height: 1.79vw;
	float: left;
}

article#one {
	width:14.6vw;
	height: 1.79vw;
	float: left;
	margin-left: 100%;
}

section#two {
	width: 38.45vw;
	height: 1vw;
	margin-top: 6%;
	margin-left: 15.6%;
	float: left;
}

article#two {
	width: 14.6vw;
	height: 32.5vw;
	float:left;
	margin-top:0%;
	margin-left: 62%;
}

section#three {
	width: 17.6vw;
	height: 3.3vw;
	float:left;
	margin-top:14.3%;
	margin-left: 0%;
}
article#three{
	width: 34.7vw;
	height: 3.3vw;
	float:left;
	margin-top:0%;
	margin-left: 62%;
}

section#four {
	width: 29vw;
	height: 11.2vw;
	float: left;
	margin-top:23%;
}

article#four {
	width: 30vw;
	height: 11.2vw;
	float: left;
	margin-top:0%;
	margin-left:37.6%;
}

section#five {
	width: 22.1vw;
	height: 7.5vw;
	float: left;
	margin-top: 2.4%;
	margin-left:51.5%;
}

article#five {
	width:38.53vw;
	height:1.2vw;
	float: left;
	margin-top:28.7%;
	margin-left:-74.5%;

}
/* CSS NAMED COLOR CLASSES*/

.yellow {
	background-color: #f3e950;
}

.red {
	background-color: #d73933;
}

.white {
	background-color: white;
}

.black {
	background-color: black;
}