#side-nav {	
	float: left;
	height:100%;
	width:160px;
	border-right: 1px solid #c8c8c8;
	padding:0.5em 0;
	z-index: 1;
	background-color: white;
	overflow: auto;
}

#side-nav a {
	display:block;
	padding:0.5em 1em;
	color:black;
}

#side-nav a:visited {
	color:black;
}

#side-nav a:hover {
	background-color: #c8c8c8;
}

@media (max-width:600px) {
		/*remove the side nav*/
		#side-nav {
			display:none;
		}
		#column {
			padding-left:20px;
		}
	}

#column {
	padding:20px 20px 0 20px;
	justify-content: center;
	margin-bottom:2em;
	display:flex;
}

#column-inner {
	max-width: 900px;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

#column img {
	max-height: 500px;
	object-fit: contain;
}

.no-border {
	border: none;
}

figure {
	align-self: center;
	max-width: 100%;
}

figure img {
	border: 1px solid #c8c8c8;
	border-radius:1em;
	min-width: 0;
	max-width: 100%;
}

h1, h2 {
	font-weight: normal;
	text-align: center;	
	margin:0.2em 0;
}

h2 {
	border-bottom: 1px solid #c8c8c8;
	padding:0.5em;
	counter-reset: step;
}

h3.step::before {
	counter-increment: step;
	content: "Step " counter(step) ": ";
}

h3 {
	text-align:center;
	font-size:120%;
}

p {
	font-size:110%;
}

table {
	border-collapse: collapse;
	margin-bottom:1em;
}

td, th {
	border: 1px solid;
	padding: 0.3em;
}

tr:nth-child(odd) {
	background-color: #eee;
}

figcaption {
	text-align: center;
}

#pages {
	display:flex;
	width:100%;
}

#pages a {
	padding:1em;
	border-radius: 1em;
	border:1px solid #c8c8c8;
	background-color: rgb(0,181,107);
	color:white;
}

#a-next {
	margin-left:auto;
}

#footer {
	margin-bottom:0;
}