@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Frank-Ruhl-Libre-Regular.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/Frank-Ruhl-Libre-Black.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html  {
    padding: 0;
    margin: 0;
    font-size: 20px;
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    min-height: 100vh;
    background-image: url(../images/wood-background.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Frank Ruhl Libre', serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #000;
    position: relative;
    min-width: 300px;
}
body * {
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color: inherit;
    font-weight: 900;
}
h1 {
    font-weight: 900;
    font-size: 3rem;
    text-align: center;
}
h1 small {
    font-size: 0.4em;
    display: block;
    font-weight: 400;
}
strong {
    font-weight: 900;
}
header {
    text-align: center;
}
.logo {
    height: 25vh;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}
.logo img {
    height: 80%;
    min-height: 100px;
    max-height: 250px;
}
.headerimg {
    width: 100%;
    height: 30vh;
    min-height: 100px;
    background-image: url(../images/header.jpg);
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 15px rgba(0,0,0,0.7) inset, 0 -3px 1px rgba(0,0,0,0.1), 0 3px 1px rgba(255,255,255,0.3);
    position: relative;
}
.headerimg img {
    position: absolute;
    width: 50%;
    max-width: 450px;
    min-width: 150px;
    bottom: 0;
    right: 0;
    margin: auto;
}
.content {
    min-height: 45vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 20px 20px 50px;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}
.content > ul {
    list-style: none;
    padding: 0;
}
footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}