* {
	margin: 0;
	padding: 0;
}

main#canvas {
	width: 97.7vw;
	height: 27.5vw;
	margin-top: 8.8vw;
	margin-left: 35vw; 
	
}
	section {
		width: 6.92555555%;
		height: 100%;
		float: left;
	}

	article {
		width: 100%;
		height: 25%;
	}

	figure {
		width: 25%;
		height: 25%;
		float: left;
	}


	

	/* CSS NAMED COLOR CLASSES */

	.yellow {
		background-color: #ffd633;
	}

	.yellow:hover {
		background-color: #71dada;
	}

	.green {
		background-color: #71dada;
	}

	.green:hover {
		background-color: #ffd633;
	}


	.red {
		background-color: #ff4d4d;
	}

	.red:hover {
		background-color: #ffd633;
	}

	.blue {
		background-color: #13133a;
	}

	.blue:hover {
		background-color: #ff4d4d;
	}