.game-time {
	width: auto;
}
.game-row, .game-row .cell {
	vertical-align: top;
	min-width: 10%;
}
.game-row a, .game-opp, .game-result {
	display: inline !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	white-space: initial !important;
	max-width: 100%;
	min-width: 10%;
}

@media screen and (max-width: 600px) {
	.flex-table .row.game-row {
		margin: 10px 0 0 0;
		padding: 10px 0 20px 0;
		border-bottom: 1px solid #ccc;
		flex: 0;
	}
	.game-row .game-info {
		max-width: 100%;
	}
}
@media screen and (max-width: 1024px) {
	.flex-table>.cell.p50 {
		width: 100% !important;
		max-width: 100% !important;
	}
	.flex-table>.row>.cell.game-time {
		width: 25% !important;
		max-width: 25% !important;
	}
}
@media screen and (max-width: 1280px) {
	.flex-table>.row>.cell.game-time {
		font-size: 98%;
		width: 25% !important;
		max-width: 25% !important;
	}
}