.main-block {
	max-width: 780px;
	margin: 8px auto;
	text-size-adjust: none;
}
.stone-bg, .nav-bar .button {
	background-color: #F5E3D0;
	background-image: url("stone.jpg");
}
.marble-bg {
	background-color: #E3EAED;
	background-image: url("whitemarble.jpg");
}
.nav-bar {
	display: flex;
	flex-wrap: wrap;
	padding: 1px;
	background-color: black;
}
.nav-bar .button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	margin: 1px;
	border: 3px outset white;
	padding: .15em;
	color: black;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
.nav-bar .button:active {border-style: inset;}
.nav-totop, .copyright-info {
	margin: 1em 0;
	text-align: center;
	font-size: 0.8em;
}
.nav-index {
	margin: 1em 0;
	text-align: center;
}
.nav-index a {
	display: inline-block;
	margin: 0.15em 0;
}
.nav-index .steps {
	color: red;
	font-weight: bold;
}
.nav-index .heading {
	margin-top: 0.6em;
	font-size: 1.4em;
	font-weight: bold;
}
.main-block.legacy {width: 780px;}
.legacy img {vertical-align: middle;}
.legacy img[align=left] {margin-right: 3px;}
.legacy img[align=right] {margin-left: 3px;}
.legacy td > :first-child {margin-top: 0;}
.legacy td > :last-child {margin-bottom: 0;}
.legacy td > img + br + img {padding-top: 5px;}
@media (max-width: 799px) {
	.main-block .nav-bar .long {display: none;}
	.main-block.legacy {width: auto;}
	.legacy img {
		max-width: 100%;
		height: auto;
	}
	.legacy td > .nav-index {margin-bottom: 1em;}
	.legacy > table, .legacy > table > tbody, .legacy > table > tbody > tr > td {
		display: block;
		width: auto;
	}
	.legacy > table {
		display: flow-root;
		margin: 1em 0;
	}
	.legacy > table > tbody > tr {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: center;
	}
	.legacy > table[border="3"] > tbody > tr > td {border-color: transparent;}
	.legacy > table > tbody > tr > th {
		display: block;
		box-sizing: border-box;
		flex: 1 0 100%;
		background-color: #ddeeff;
		text-align: center;
		font-size: 1.2em;
	}
}