body {
	background-color: lightgrey;
}
main {
	width: 40.7vw;
	height: 48.3vw;
	background-color: #ececed;
	margin: auto;
	margin-top: 5.2vw;
}
	section {
		width: 95.4%;
		height: 96.3%;
		margin: auto;
		float: left;
		margin-top: 2.2%;
		margin-left: 2.3%;
	}
		article {
			width: 25%;
			height: 100%;
			float: left;
		}
			figure {
				width: 100%;
				height: 4%;
				margin: auto;
				margin-top: 365%;
			}

.col1-box1 {
	height: 100%;
	width: 26%;
}
.col2-box1 {
	height: 100%;
	width: 24%;
}
.col3-box1 {
	height: 100%;
	width: 24.5%;
}
.col4-box1 {
	height: 100%;
	width: 25.5%;
}
.col2-box2 {
	height: 4%;
	width: 100%;
	margin-top: 194%;
}
.col2-box3 {
	height: 4%;
	width: 100%;
	margin-top: 105%;
}
.col3-box2 {
	height: 3.8%;
	width: 100%;
	margin-top: 280%;
}
.col4-box2 {
	height: 4%;
	width: 100%;
	margin-top: 90%;
}
.col4-box3 {
	height: 4%;
	width: 100%;
	margin-top: 299%;
}
.red {
	background-color: darkred;
}
.salmon {
	background-color: #db7895;
}
	.salmon:hover {
		background-color: mediumpurple;
	}
.bubblegum {
	background-color: #c46ab2;
}
	.bubblegum:hover {
		background-color: papayawhip;
	}
.purple {
	background-color: #5946ab;
}
	.purple:hover {
		background-color: lightpink;
	}
.blue {
	background-color: #2642b3;
}
	.blue:hover {
		background-color: darkorchid;
	}