body {
	margin: 0;
	padding: clamp(10px, 3%, 25px) clamp(10px, 4%, 35px);
	background-color: white;
	box-sizing: border-box;
	font-family: 'Segoe UI','Helvetica Neue',Arial,sans-serif;
	color: black;
	width: 100%;
}

h1 {font-weight: normal; color: black; font-size: clamp(16px, 3.5vw, 28px); margin: 0;}

h2 {font-weight: normal; color: black; font-size: clamp(15px, 3vw, 26px); margin: 0;}

h3 {font-weight: normal; color: gray; font-size: clamp(11px, 1.6vw, 16px);}

p, a, td {margin: .7em 0; font-size: clamp(11px, 1.4vw, 15px)}

th, caption {font-size: clamp(10px, 2.6vw, 20px)}

a:link {color: #1B60A1; text-decoration: none;}

a:visited {color: #1B60A1;}

a:active {color: #1B60A1;}

a:hover {color: orange;}

li {line-height:1.5em;}

.footer, .footer > a, .footer > p {clear:both; font-size: clamp(7px, 1.1vw, 12px)}

table {
	border-spacing: 0;
	width: 100%;
	table-layout: fixed;
	margin: 0.2em 0 1em;
/}
table > thead > tr > td {
	padding: 0.3em 0.3em 0.3em 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #EEE;
	font-size: 100%;
	color: gray;
}
table > tbody > tr > td {
	padding: 0.3em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #EEE;
}
table > tbody > tr > th , caption {
	padding: 0.3em;
	border-bottom: 1px solid #EEE;
}
table > tbody > tr:nth-child(even) {background-color:#efeded;}

.col-1 {width: 1000%;}

.col-2 {width: 20%; text-align: right; visibility: hidden}

.flex-container {
	max-width: 1000px;
	display: flex;
	margin:1% 0;
	background-color: #7b7c7e;
	flex-direction: column;
}
.flex-container > div {
	background-color: #edefef;
	width: 96%; 
	margin: 1%;
	padding: 0 1%;
	font-size: 30px;
}

figure {height:clamp(140px, 30vw, 250px);float:left;margin:0 clamp(0px, .5vw, 8px)}
figcaption {width:clamp(80px, 16vw, 140px);font-size: clamp(8px, 1.2vw, 11px);line-height:1}
.book {width: clamp(80px, 16vw, 140px); height: clamp(110px, 24vw, 200px)}
.diagram {width: clamp(110px, 24vw, 200px);	height: clamp(110px, 24vw, 200px)}

@media (min-width:40em) {
.flex-container {flex-direction: row;}
.flex-container > div {width: 46%;}
.col-2 {visibility: visible}
.col-1 {width: 75%;}
}