header {
    background:var(--ivory, #F7F4EC);
    margin: 0 auto;
    padding: 0;
    border:0;
    max-width:var(--grid-width);
    text-align:center;
}

a#site-title{
    padding:20px var(--padding);
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-start;
}

p#site-subtitle{
    color:var(--primary);
    font-size:1.5em;
    padding:2.5px 20px;
    text-align:justify;
    font-family:Template;
    line-height:110%;
}

#site-title img{
    border:0;
    height:75px;
    width:auto;
    margin:0;
}


nav{
    background:transparent;
    padding:0 ;
    margin:0 auto;
    max-width:calc(var(--grid-width) - 2*var(--padding));
    border-top:3px solid var(--secondary);
    border-bottom:3px solid var(--secondary);
    z-index: 3;
}

nav > ul:first-of-type > li:first-of-type > a {
  background-image: url("/images/menu_dark.png");
}

nav #workspace > li > a {
  background-image: url("/images/login_dark.png");
}

nav #workspace > li#logged_in a{
  background-image: url("/images/tools_dark.png");
}

nav > ul > li:first-of-type a {
  color:var(--primary);
}

nav > ul > ul li a {
    min-width:100px;
}

@media (min-width: 1220px) {

    p#site-subtitle{
        font-size:2em;
    }
}