body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}
header {
    display: flex;
    padding: 0.25rem 0.5rem 0 0.5rem;
}

div.logo {
    flex: 1;
}
ul.nav--left {
    display:flex;
    list-style: none;
    flex-grow: 1;
    text-align: left;
    margin: 0;
    padding: 0;
}
ul.nav--left li {
    flex: 1;
}

div.header-middle {
    flex-grow: 2;
}
ul.nav--center {
    display:flex;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}
ul.nav--center li {
    flex: 1;
}

div.header-right {
    flex: 1;
}
ul.nav--right {
    display:flex;
    list-style: none;
    text-align: right;
    margin: 0;
    padding: 0;
}
ul.nav--right li {
    flex: 1;
    padding: .25rem;
    text-align: center;
}
ul.nav--right li:hover {
    background-color: #f8f8f8;
}
/*ul.nav--right li{*/
    /*border-right: thin solid #ABA9A9;*/
/*}*/
/*ul.nav--right li:nth-child(1) {*/
    /*border-left: thin solid #ABA9A9;*/
/*}*/

li.nav {
    /*background-color: maroon;*/
    /*margin: 0 .25rem;*/
    margin: 0;
    /* border: thin solid black; */
    /*color: white;*/
    /*box-shadow: 0 0.25rem 0.25rem rgba(0,0,0, .5);*/
}


ul.nav--right a, ul.nav--right a:visited {
    text-decoration: underline;
    color: maroon;
    /*text-transform: uppercase;*/
    font-family: Arial, sans-serif;
    font-variant: small-caps;
}