@font-face {
  font-family:'Libre Baskerville';
  src:url('LibreBaskerville-Regular.ttf') format('truetype');
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:'Libre Baskerville';
  src:url('LibreBaskerville-Italic.ttf') format('truetype');
  font-style:italic;
  font-display:swap;
}

@font-face {
  font-family:'Cinzel Decorative';
  src:url('CinzelDecorative-Regular.ttf') format('truetype');
  font-weight:normal;
  font-display:swap;
}

@font-face {
  font-family:'Cinzel Decorative';
  src:url('CinzelDecorative-Bold.ttf') format('truetype');
  font-weight:bold;
  font-display:swap;
}

html {
    background-attachment:fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    height:100%;
}

body {
    width:100%;
    /* max-width:1800px; */
    min-height:100%;
    margin:0 auto;
    font-family:'Libre Baskerville', serif;
    font-size:16px;
    line-height:1.7em;
    color:#333;
    background:#fff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
}

img {
    width:100%;
}

.active { font-weight:bold; }

/**
 * Typography
 */

h1 {
    font-family:'Cinzel Decorative';
    font-weight:400;
    font-size:1.7em;
    letter-spacing:5px;
}

h1 a:hover { text-decoration:none; }

h2 {
    font-family:'Cinzel Decorative';
    font-size:26px;
    font-weight:600;
}

h2 ~ span { font-size:26px; }

h3 {
    font-weight:800;
    margin-bottom:1lh;
}

h3 ~ span { font-size:21px; }

p { 
    margin-bottom:1lh;
    /* text-indent:1lh; */
}

p > a {
    border-bottom:1px solid currentColor;
}

b, strong {
    font-weight:bold;
}

i, em {
    font-style:italic;
}

small {
    font-size:14px;
}

a { color:currentColor; text-decoration:none;}
a:hover { color:#798A9D; }