body {
    font-size: 100%;
    font-family: 'Open Sans', sans-serif;
    background-color: #f3f5f6;
    padding-left: 6.25em;
    padding-right: 6.25em;
}
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 8em;
}
.headline {
    color: #831d17;
}
.under-headline {
    color: #484846;
}
.navbar {
    color: #831d17;
    text-decoration: none;
    margin-left: 1em;
    font-size: 1.125em;
    font-weight: 700;
}
.navbar:hover {
    text-decoration: underline #484846 0.125em ;
}
.url {
    color: #484846;
    text-decoration: none;
    font-size: 1.375em;
    font-weight: 700;
}
.url:hover {
    text-decoration: underline #831d17 0.125em;   
}
.img-background{
    width: 100%;

}
.img-background-container {
    background-color: #ffffff;
    padding: 0.5em;
}
.text-container {
    background-color: #f3f5f6;
    color: #831d17;
    padding: 1em;
}
.copyright {
    color: #484846;
    font-size: 0.75em;
    font-weight: 600;
}
.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-link {
    color: #484846;
    font-size: 0.75em;
    text-decoration: none;
    padding-left: 0.5em;
    border-left: #484846 0.125em;
}
.footer-link:hover {
    text-decoration: underline #831d17 0.125em;
}