* {
	box-sizing: border-box;
}

/* Container for flexboxes */
.divrow {
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	padding: 10px;
}


/* Create four equal columns */
.divcolumn {
	box-sizing: border-box;
	flex: 25%;
	padding: 10px;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
	.divcolumn {
		flex: 50%;
	}
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.divrow {
		flex-direction: column;
	}
}