th[data-sortable="true"] {
	cursor: pointer;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	table, thead, tbody, tr, th, td {
		display: block;
	}

	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tbody tr {
		border-color: gray;
		border-style: solid;
		border-width: 1px 1px 0 1px;
		padding: 0.25rem 0;
	}

	tbody tr:last-child {
		border-bottom-width: 1px;
	}

	tbody td {
		position: relative;
		padding-left: 11ex;
		min-height: 1rem;
		border: none;
	}

	tbody td::before {
		position: absolute;
		top: 0.2rem;
		left: 0.2rem;
		width: 10ex;
		white-space: nowrap;
		text-align: right;
	}

	tbody td:nth-of-type(1)::before {
		content: 'Title:';
	}

	tbody td:nth-of-type(2)::before {
		content: 'Heads:';
	}

	tbody td:nth-of-type(3)::before {
		content: 'Minutes:';
	}

	tbody td:nth-of-type(4)::before {
		content: 'Comments:'
	}
}