body {
	font: -apple-system-body;
    max-width: 16cm;
    margin: auto;
	padding: 10pt;
}

h1 {
	font: -apple-system-headline1;
}
h2 {
	font: -apple-system-headline2;
}
h3 {
	font: -apple-system-headline3;
}
h4 {
	font: -apple-system-headline4;
}
h5 {
	font: -apple-system-headline5;
}
h6 {
	font: -apple-system-headline6;
}
.subheadline {
	font: -apple-system-subheadline;
}
h1.title {
	/* the title of the HTML document is the same as h1.title. As the title is shown in the navigator, it should not be shown in the content */
	display: none;
}
/* styles to hide content that pandoc generates but that's not interesting on an iPhone */
div#header {
    /* the title of the document is shown separately in the navigation bar, no need to see that in html */
    display: none;
}

p.caption {
    /* the caption of images are shown as alt-text */
    display: none;
}
figure {
	margin: 0;
}
figcaption {
	margin: 1em;
	font: -apple-system-caption;
	text-align: center;
	display: block;
	font-style:italic;
}
img {
	max-width: 14cm;
    max-height: 120vh;
	margin: auto;
    margin-top: 20pt;
    margin-bottom: 20pt;
	display: block;
}
.version {
	display: block;
	margin: auto;
	font: -apple-system-short-caption1;
}