#past {text-align:right;font-style:italic;padding-right:1rem;max-width:1000px;
				margin:auto;}

/* jquery.balancetext.js plugin looks for elements with class named "balance-text" */
.balance-text {text-wrap: balanced;}  /* Apply (proposed) CSS style using JS plugin*/
.even {background-color:#666;}
.odd { background-color:#333;}
#gig_wrapper {	background-color:black;
				border-radius:1rem;
				padding:0.5rem;
				max-width:1000px;
				margin:auto;
}
.gig {display:flex;justify-content:flex-start;
		align-items:flex-start;flex-wrap:nowrap;align-content:center;
		margin-bottom:1rem;padding:0.3rem;border-radius:0.3rem;}
.date_col,.venue_col,.comments_col {text-align:center;}

@media (min-width:601px)
{
	.gig {flex-direction:row;}
	.date_col,.venue_col,.comments_col {min-width:200px;}
	.date_col,.venue_col {width:33%;}
	.comments_col {width:34%;}
	.date_comma:before {content:",";}
}

@media (max-width:600px)
{
	.gig {flex-direction:column;}
	.date_col,.venue_col,.comments_col {width:100%;}
	.date_comma:before {content:",";}
	.venue,.date {font-weight:bold;}
}