:root { --mypad: 15px; }
.changed { color: Crimson; }

body
{
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: DarkGreen;
	background-color: LightYellow;
}

* { box-sizing: border-box; }

h1, h2, .mid { text-align: center; }

h3
{
	text-align: center;
	font-style: italic;
}

img
{
	width: auto;
	height: auto;
	margin: var(--mypad);
}

p
{
	padding-left: var(--mypad);
	padding-right: var(--mypad);
}

address { padding-left: var(--mypad); }

ul
{
	list-style-position: inside;
	padding-left: 15px;
}

.row
{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}

.column
{
	flex: 50%;
	padding: 15px;
}

.intropic { flex: 0 0 300px; }
.introtext { flex: 1; }

table
{
	max-width: 665px;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

td
{
	border-width: 1px;
	border-style: inset;
	border-color: gray;
}

@media (max-width: 700px)
{
	.column { flex: 100%; }
	.intropic { flex: 0 0 50%; }
	.introtext { flex: 100%; }
    table { max-width: 95vw; }	
}