/* * {
  box-sizing: border-box;
} */

/* CREATE Three EQUAL COLUMNS THAT FLOATS NEXT TO EACH OTHER */
.column {
	border: thin dotted #ccd0e0;
	box-sizing: border-box;
	background-color: #faf6f5;
	float: left;
	width: 33%;
	padding: 0px;
	font: 0.8em arial,helvetica,sans serif; color: black;
	/* height: 300px; */ /* Should be removed. Only for demonstration */
}

/* CLEAR FLOATS AFTER THE COLUMNS */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* RESPONSIVE LAYOUT - MAKES THE TWO COLUMNS STACK ON TOP OF EACH OTHER INSTEAD OF NEXT TO EACH OTHER */
@media screen and (max-width: 55px) {
.column {
	width: 100%;
	}
}
.top_text {
	/* border: thin dotted #ccd0e0; */
	padding: 6px;
	letter-spacing: -1px;
	font: 0.8em arial,helvetica,sans serif;
	color: black;
	font-weight: bold;
	background-color: #faf6f5;
}