body {
    background-color: beige;
    font-family: sans-serif;
}

#site-header {
    background-color: antiquewhite;
    width: 100%;
    height: 175px;

    display: flex;
    align-items: center;      /* vertically center logo/buttons */
}

#site-body {
    background-color: antiquewhite;
    width: 100%;
}

#logo-image {
    background-color: transparent;
    height: 100%;
}

#header-buttons {
    margin-left: auto;   /* pushes buttons to the right */
    display: flex;
    height: 100%;
}

.site-header-buttons {
    height: 100%;
    width: 10vw;     /* 10% of viewport width */
    border: none;
    font-size: 100%;
    background-color: antiquewhite;
}

.site-header-buttons:hover {
    background-color: beige;
}