@media all and (max-width: 50em) {
	#responsive { display: block; }
	
	header a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	header a {

	}
	header img {
		max-width: 80%;
	}
	.wrapper { flex-direction: column; }
	.leftColumn { flex: 1; flex-basis: 1px; }
	.leftColumn h3 { cursor: pointer; }
	main { padding: 1em; }	
	/* event filters */
	.filter form { display: none; }

	.flex-break-responsive { display: block !important; }
	/*
	.events__title { 
		border: 1px solid red;
		flex-basis: 100% !important;
		order: -1;
	}
	*/
	.events { background: transparent !important; }
	.events li {
		background: rgba(0,0,0,.6);
		margin-bottom: 1em;
	}
	.events__type, .events__date, .events__title, .flex-break-responsive { order: 2; }
	.events__loc {
		order: 2;
		flex-basis: 100% !important;
		padding-left: 7.25em;
	}
	.events__dist {
		order: 3;
		flex-basis: 100% !important;
		padding: .75em 0 .75em 7.25em;
	}
	.events__moreinfo {
		order: 4;
		margin-left: 0 !important;
		border-left: 0 !important;
	}

/*
	.events__moreinfo {
		display: none;
		padding: .4em .4em .4em;
		margin-left: 7em;
		border-left: 3px solid #fff;
	}

	.events__moreinfo table td {
		vertical-align: top;
		padding-bottom: 1em;
		padding-right: .5em;
	}
	.events__moreinfo table tr:last-child td {
		padding-bottom: 0;
	}
	.events__moreinfo table td p {
		padding-top: 0;
		margin-top: 0;
	}
*/
}