body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3 {
    font-family: 'Lato', sans-serif;
}



.page-header {
    background-color: #E7DECC;
    height: 150px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.horizontal-bg {
    background-image: url('header-background.png'); /* Replace 'your-image-url.jpg' with the URL of your background image */
    background-repeat: repeat-x; /* Repeat the background image only horizontally */
    background-size: auto; /* Use the original size of the background image */
}

main.content {
    margin: 20px;
    padding: 20px;
    /* background-color: #f5f5dc; */
}