.col-begin {
	border-collapse: collapse;
	padding: 0;
	color: inherit; /* dark mode friendly if color is set */
	width: 100%;
	border: 0;
	margin: 0;
}

.col-begin-small {
	font-size: 90%;
}

.col-break {
	vertical-align: top;
	text-align: left;
}

.col-break-2 {
	width: 50%;
}

.col-break-3 {
	width: 33.3%;
}

.col-break-4 {
	width: 25%;
}

.col-break-5 {
	width: 20%;
}

@media (max-width: 720px) {
	/* override potentially set width */
	/* wonder if table cells can display: flex with wrapping */
	.col-begin,
	.col-begin > tbody,
	.col-begin > tbody > tr,
	.col-begin > tbody > tr > td {
		display: block !important;
		width: 100% !important; 
	}
	
	.col-break {
		padding-left: 0 !important;
	}
}