.table-container {
	display:						inline-flex;
	justify-content:			center;
	max-width:					95%; /* Use to prevent too much width in mobile */
}

.image-profile {
	border-radius:				10px;
	margin:						auto;
	margin-top: 				.5em;
	width:						auto;
	height:						10em;
	min-height:					10em;
}

.table-row {
	padding:						1em 1em;
	display:						grid;
	grid-template-columns:	1fr 1fr 1fr;
	grid-column-gap:			.5em;
	grid-row-gap:				1em;
}

.table-cell {
	border-radius:				10px;
	margin:						1em;
	padding:						.5em;
	display:						flex;
	flex-direction:			column;
	background-color:			rgb(228, 239, 242, 1.0);
	min-height: 				25em;
	height: 						80%;
}

.table-cell-description {
	display:						flex;
	flex-direction:			column;
	text-align:					center;
	color:						rgb(50, 50, 50);
	min-height: 				6.5em;
}

.table-cell-heading {
	margin-top:					1em;
	display:						flex;
	flex-direction:			flex-column;
}

.counselor-title, .counselor-name {
	min-height: 				6.5em;
}

.button-block {
	display: 					flex;
	flex-direction: 			column;
}

@media screen and (max-width: 50em) {
	.table-cell {
		min-width:					9em;
	}
	.table-row {
		grid-template-columns:	1fr 1fr;
		grid-column-gap:			.3em;
		row-gap:						0em;
	}
}