body, header, nav, main, footer, h1, div, img, ul, figure, figcaption, section, article, aside, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background-image: url("background.jpg");
    font-family:"EB Garamond", serif;;
}

nav {
    background-color: #8A4810;
}

nav ul {
    list-style-type: none;
    text-align: center;
}

nav li {
    display: block;
    font-size: 2em;
    border-top: 1px solid #e5e9fc;
}

.logo {
    margin: auto;
    display: block;
    max-width: 80%;
    text-align: center;
    padding: 20px;
}

nav li a {
    display: block;
    color: #F4E285;
    text-align: center;
    padding: 0.5em 1em;
    text-decoration: none;
}

    header {
        top: 0;
        height: 190px;
    }
    
    header img {
        margin: 0 auto;
    }

    h1 {
        font-family: "Alegreya", serif;
        background-color: #fff;
        border: 4px solid #8A4810;
        color: #321809;
        text-align: center;
        font-size: 2.5em;
    }

    h2 {
        font-size: 1.5em;
        font-family: "Courier Prime", monospace;
        font-weight: bold;
    }

    h3 {
        font-size: 1.5em;
        font-family: "Courier Prime", monospace;
        font-weight: bold;
        font-size: large;
    }
 
    p {
        font-family: "EB Garamond", serif;
        font-size: 1.2em;
    }


    main {
        background-color: #fff0d5;
        border: 4px solid #8A4810;
        color: #321809;
    }

    footer { 
        text-align: center;
        background-color: #F4E285;
    }

    a {
        color: #321809;
    }

    .menu {
        font-size: 1.5em;
    }

    nav li a:hover {
        color: #8A4810;
        background-color: #F4E285;
        transform: scale(1.3);
    }

    @media screen and (min-width: 1015px), print {
        
        body {
            margin: 0;
          }
          
          .header {
            width: 1920px;
            margin: auto;
            margin-top: auto;
          }
          
          .nav {
            margin: auto;
            overflow: auto;
            margin-top: -10px;
            text-align: center;
          }
          
          ul {
            display: flex;
            margin: auto;
            padding: 0;
            list-style: none;
            display: inline-block;
          }
          
          ul li {
            list-style-type: none;
            display: inline-block;
          }
          
          ul li a {
            text-decoration: none;
            display: block;
            text-align: center;
            padding: 15px;
          }

          .container {
            display: grid;
            
          }

          
    }