html {
    font-size: 100%;
}

* {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    margin: 0;
    outline: 0;
    border: 0;
    padding: 0;
}

body {
    background:#a58f83;
    padding: 3.75vw;
    min-height:100vh;
    font-family: 'EB Garamond';

}

.container {
    background:#f2e4d8;
    width:100%;
    padding: 15vw 5vw 4.5vw 5vw;
    flex: 1 1 auto;
    display:flex;
    flex-direction: column;
    position: relative;
    max-width:1280px;
    margin:0 auto;
}

img {
    width:100%;
    height:auto;
    display:block;
}

.logo {
    position: absolute;
    top:6vw;
    left:50%;
    transform:translateX(-50%);
    width:25%;
}

.logo img {
    width:100%;
    height:auto;
    max-width:none;
}

.content {
    width:100%;
}

.content img {
    box-shadow: .5vw .5vw 1vw rgba(0,0,0,.4);
}

.desktop {
    display:none;
}

footer {
    padding: 5.5vw 8.75vw;
    font-size: 3vw;
    line-height:1.1;
}

dl div {
    break-inside: avoid;
    -webkit-column-break-inside: avoid; /* Older Chrome/Safari */
    page-break-inside: avoid; /* Firefox for print pages */
}

dt {
    margin-bottom:1em;
}

a {
    text-decoration:none;
    color:inherit;
}

@media all and (min-width:768px) {

    .mobile {
        display:none;
    }
    .desktop {
        display:block;
    }

    .logo {
        left:4.72vw;
        top:4.72vw;
        transform:none;
        width:14.8vw;
    }

    .container {
        padding:6.25vw 9.375vw;
    }
    .content img {
        box-shadow: .25vw .25vw .5vw rgba(0,0,0,.4);
    }

    footer {
        padding: 4vw 6.4vw;
        margin: 0 -9.375vw;
        font-size:1.75vw;
    }

    dl {
        column-count: 2;
        width:66%;
    }
}

@media all and (min-width:1384px) {

    body {
        padding: 40px;
    }

    .container {
        padding: 70px 120px;
    }
    .logo {
        width:194px;
        left:60px;
        top:50px;
    }

    .content {

    }

    footer {
        padding: 50px 80px;
        margin: 0 -120px;
        font-size:1rem;
    }

    dl {
        max-width:600px;
    }
}