@font-face {
    font-family: 'EB Garamond';
    src: url('fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttf') format('truetype'),
         url('fonts/EB_Garamond/EBGaramond-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
 
 body {
     background-color: #2F241D;
     color: #DFD0B8;
     font-size: 14pt;
     line-height: 1.5em;
     font-family: 'EB Garamond', 'Times New Roman', Times, serif, sans-serif;
     margin: 1em auto;
     max-width: 40em;
 }

a:link,
a:visited,
a:hover,
a:active {
    color: #FFC425;
    text-decoration: none;
}

 img.c1 {
     border: 0;
     width: 88px;
     height: 31px
 }

 .footer {
    display: flex; justify-content: space-between; align-items: center; font-size: small;
 }

@media (max-width: 600px) {
  body {
    font-size: 4vw;
    margin: 0.5em;
    max-width: 100vw;
  }
  .footer {
    font-size: 3vw;
    gap: 0.5em;
    padding: 0.5em 0;
  }
  img.c1 {
    width: 60px;
    height: 21px;
  }
}