:root {
    /*background-color*/
    --bgc: beige
}

body {
    max-width:60em;
    margin: 1em auto;
    padding: 1em;
    background-color: var(--bgc);
  }
  

h1 {
    font-family: LibreBaskerville-Bold, serif;
    font-style: bold;
    font-size: 2.6em;
    color: rgb(70, 70, 70);
}

a.h1:link {
    color:inherit;
    text-decoration-line: inherit;
}

a.h1:visited {
    color:inherit;
    text-decoration-line: inherit;
}

a.h1:hover {
    color: rgb(40,40,40);
    /*text-decoration-line: underline;*/
}

h2 {
    font-family: LibreBaskerville-Bold, serif;
    font-style: bold;
    font-size: 2.0em;
    color: rgb(70, 70, 70);
}

h3 {
    font-family: LibreBaskerville-Bold, serif;
    font-style: bold;
    font-size: 1.4em;
    padding-top: 2em;
}

h4 {
    font-family: LibreBaskerville, serif;
    text-decoration: underline;
    font-size: 1.3em;
}

h5 {
    font-family: LibreBaskerville-Italic, serif;
    font-style: italic;
    text-decoration: none;
    font-size: 1.3em;
}

p {
    font-size: 1.3em; 
    text-align: justify; 
    font-family: Libre Baskerville, serif;
}

ol {
    font-size: 1.3em; 
    font-family: Libre Baskerville, serif;
    counter-reset: item;
    list-style-type: none;
    padding-left: 1.6em;
    text-indent: -1.6em;
}

ol li:before {
  content: "["counter(item) "] "; /*Instead of ". " */
  counter-increment: item;
}

/*a[href^="tel"] { white-space: nowrap; }*/

/*invisible extra phone numbers to prevent spam*/
c {
    color: var(--bgc);
    print-color-adjust: exact;
}

legal {
    font-size: 0.8em;
} 

owner {
    margin-top: -1em;
    /*color: rgb(70, 70, 70);*/
}

@media (min-width: 42em){
    owner {
        display: flex;
        justify-content: space-between;
    }
}

footer h3 {
    font-family: LibreBaskerville-Bold, serif;
    font-style: bold;
    font-size: 1.3em;
    color: rgb(70, 70, 70);
    padding: 1em auto;
    margin-top: 4em;
}

footer address {
    font-size: 1.2em; 
    font-family: Libre Baskerville, serif;
    color: rgb(70, 70, 70);
}

footer p {
    font-size: 1.2em; 
    font-family: Libre Baskerville, serif;
    color: rgb(70, 70, 70);
}

@font-face {
    font-family: 'LibreBaskerville';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/LibreBaskerville-Regular.ttf');
} 

@font-face {
    font-family: 'LibreBaskerville-Bold';
    font-style: bold;
    font-weight: 400;
    src: url('../fonts/LibreBaskerville-Bold.ttf');
} 

@font-face {
    font-family: 'LibreBaskerville-Italic';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/LibreBaskerville-Italic.ttf');
}