body { font-family: 'Ysabeau', Georgia, serif; font-size: 14px; }
body, html { margin: 0; padding: 0; }

body {
    background: white;
    color: #000;
    font-variant-ligatures: common-ligatures contextual;

    /* Default: 15% on each side, unless wider screens require more */
    padding-left: max(15%, calc((100vw - 1000px) / 2));
    padding-right: max(15%, calc((100vw - 1000px) / 2));
}

/* Narrow screens, such as upright phones */
@media (max-width: 700px) {
    body {
        padding-left: 5%;
        padding-right: 5%;
    }
}


@font-face {
	font-family: 'Ysabeau';
	src: url('Webfonts/Ysabeau-Medium.woff2') format('woff2'),
	url('Webfonts/Ysabeau-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Ysabeau';
	src: url('Webfonts/Ysabeau-MediumItalic.woff2') format('woff2'),
	url('Webfonts/Ysabeau-MediumItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}


/* 
@font-face {
	font-family: 'Ysabeau';
	src: url('Webfonts/Ysabeau-Regular.woff2') format('woff2'),
	url('Webfonts/Ysabeau-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Ysabeau';
	src: url('Webfonts/Ysabeau-Italic.woff2') format('woff2'),
	url('Webfonts/Ysabeau-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
 */

@font-face {
	font-family: 'Ysabeau';
	src: url('Webfonts/Ysabeau-Bold.woff2') format('woff2'),
	url('Webfonts/Ysabeau-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Ysabeau';
	src: url('Webfonts/Ysabeau-BoldItalic.woff2') format('woff2'),
	url('Webfonts/Ysabeau-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}


h1 {
  font-family: "Ysabeau", sans-serif;
  text-align: center;
  font-size: 4.5rem;
  margin: 0.25em 0em 0.25em 0em;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}

h2 {
  font-family: "Ysabeau", sans-serif;
  font-size: 2rem;
  margin: 1em 0em 0.2em 0em; 
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

h3, h4, h5, h6 {
  font-family: "Ysabeau", sans-serif;
  font-size: 1.7rem;
  margin: 0.5em 0em 0.2em 0em; 
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

p, li {
  font-family: "Ysabeau", sans-serif;
  text-align:left;
  font-size: 1.28rem;
  margin: 0.5em 0em 0.5em 0em;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

figure {
  font-family: "Ysabeau", sans-serif;
  text-align: center;
  line-height: 120%;
  margin: 1em 0em 1.5em 0em;
  font-size: 1.28rem;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  color: darkgray;
}

fat {
  font-weight: 700;
  /*color: black;*/
}

infant {
    font-feature-settings: "ss01" 1;
}

historical {
  font-feature-settings: "liga" 1, "dlig" 1, "hlig" 1;
}

redden {
  color: red;
}

.frankfurt {
  font-feature-settings: "ss11" 1;
}


a:link, a:visited {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

a:hover, a:active {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

linkback {
  font-family: "Ysabeau", sans-serif;
  width: 100%;
  display: inline;
  text-align: right;
  line-height: 100%;
  margin: 1em 0em 1em 0em;
  font-size: 1.28rem;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  color: gray;
  a:link, a:visited {
    color: gray;
  }
}

#banner {
    max-width: 120px;
    display: block;
    float: right;
    margin: 0; 
    padding: 0;
}


/* 
.banner { height: 100px; }
.content { max-width: 46.5em; margin: 1em auto; padding: 1em 1.25em 2.5em 1.25em; background: #fff; color: #000; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); }
@media (min-width: 768px) { .content { padding: 1em 3em 2.5em 3em; } }
 */