header {
  background:#14104C;
}

nav {
  margin-top:-20px;
}

nav > ul > li {
  text-transform: uppercase;
  font-size:90%;
}

#site-inner{
  background:var(--primary);
  display:flex;
  flex-flow:row wrap;
  margin:auto;
  width: 100%;
  max-width:calc(var(--grid-width) - 2*var(--padding));
  padding:20px 0 0;
  text-align:right;
}

#site-inner > a {
  margin:0 0 0 auto;
}

#site-title {
    font-family:Template;
    display:inline-block;
    font-weight:800;
    text-transform: uppercase;
    font-size:56pt;
    line-height:1;
    color:#fff!important;
    text-align:left;
    z-index:10;
}

#site-tagline{
    text-transform: uppercase;
    color:#fff;
    font-size:7.8pt;
    margin-bottom:20px;
}

nav {
  background:transparent;
}

@media (min-width:720px) {
  #site-inner {
    width:calc(100% - 2*var(--padding));
    padding:20px var(--padding) 0;
  }
}