@font-face {
font-family: heliotrope_ot_3_book;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('heliotrope_ot_3_book.woff2') format('woff2');
}

@font-face {
font-family: heliotrope_ot_3_book;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('heliotrope_ot_3_book_italic.woff2') format('woff2');
}

@font-face {
font-family: heliotrope_ot_3_book_italic;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('heliotrope_ot_3_book_italic.woff2') format('woff2');
}

@font-face {
font-family: heliotrope_ot_4_medium;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('heliotrope_ot_4_medium.woff2') format('woff2');
}

@font-face {
font-family: heliotrope_ot_4_medium;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('heliotrope_ot_4_medium_italic.woff2') format('woff2');
}

body{   
	margin:40px auto;
	max-width:650px;
	line-height:1.6;
	font-family:"heliotrope_ot_4_medium";
	font-feature-settings: "dlig", "liga", "calt";
	font-size:18px;
	color: #241616;
	background-color: #fffffd;
	padding:0 10px
}
h1{
	font-feature-settings: "smcp" 1;
	line-height: 1.2
}
h2, h3{
	line-height: 1.2
}
video {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100s;
}
.imgcredit {
	font-size:12px
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}