section {
	width:  67%;
	height:  89%;
	margin-left: 16%;
	margin-top: 4%;
	background-color: #e1e3dd;
}
	.box-top {
	width: 66%;
	height: 60%;
	background-color: #f8fe00;
	margin-top: 6%;
	margin-left: 17%;
	float: left;
}
.box-bottom {
	width: 75%;
	height: 64%;
	margin-top: 12%;
	margin-left: 12%;
	background-color: #202012;

}	.m_red{
	width: 66%;
	height: 49%;
	margin-top: 17%;
	margin-left: 17%;
	background-color: #d71b02;
	float: left;

} .m_small-yellow-boxes{
	width: 94%;
	height: 17%;
	margin-top: 3%;
	margin-bottom: auto;
	margin-left: 3%;
	background-color: #f7fe00;
	float: left;
} 
article{

}	.m_box-bottom-m-brown{
	width:  66%;
	height:  39%;
	margin-top: -11%;
	margin-left: 17%;
	float: left;
	background-color: #be0217;
}

	.m_orange-box{
	width: 61%;
	height: 50%;
	margin-top: 13%;
	margin-left: 19%;
	background-color: #ffb008;
	float: left;
}

	.m_little-blues-boxes{
		width: 94%;
		height: 16%;
		margin-top: 3%;
		margin-bottom: auto;
		margin-left: 3%;
		background-color: #3f66ca;
		float: left;


}