html {
    width: 80%;
    background-image: url("/img/background.svg");
    background-color: #991a18;
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15%;
}

body {
    width: 100%;
    font-family: Cinzel, serif;
}

header {
    text-align: right;
    margin-top: 25%;
}

section {
    display: flex;
}

header > h1 {
    font-size: 4rem;
    color: #e3cb95;
    margin-right: 7%;
    text-transform: uppercase;
}

#box1 {
    background-color: #eac6a5;
    font-size: 3rem;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    width: 48%;
    text-align: center;
    border-radius: 10px;
    box-shadow: 3px 3px 8px 3px;
    position: relative;
    left: 48%;
    padding: 2rem;
}

section ul {
    font-family: 'Times New Roman', Times, serif;
    font-size: 3rem;
    font-style: italic;
    line-height: 1.5em;
    color: #f6f3ef;
    position: relative;
    left: 7%;
}

#box2 {
    background-color: #eac6a5;
    font-size: 2.5rem;
    font-family: Cinzel, serif;
    width: 48%;
    text-align: center;
    border-radius: 0 10px 10px 0;
    box-shadow: 3px 3px 8px 3px;
}

#box2 div:first-of-type {
    display:flex;
    justify-content:center;
    align-items:flex-end;
    height:50%;
}

#box2 div:last-of-type {
    height: 50%;
    font-weight: bold;
}

address {
    font-family: 'Times New Roman', Times, serif;
    color: #f6f3ef;
    font-size: 1.8rem;
    line-height: 1.5em;
    margin-left: 30px;
}
address a {
    display: flex;
}