html {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  background: #fff;
}

nav.site-nav {
    grid-template-columns: [left navbegin] 300px [navend mainbegin] 1fr [mainend right];
}

.site-nav-body {
    padding-right: 1em;
}

.site-nav-body .related.top  {
  margin-right: 4em;
}

.site-nav-body .related.top a,
#breadcrumbs a {
    color: #fff;
}
.site-nav-body .related.top a:hover,
#breadcrumbs a:hover {
  font-weight: bold;
}


h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

h1 {
  margin: 1.5rem 0 1.5rem 0;
  font-size: 175%;
  text-transform: uppercase;
}
h2 {
  margin: 1.5em 0;
  font-size: 100%;
  text-transform: uppercase;
}
h3, h4 {
  margin: 1.5em 0;
  font-size: 100%;
}

dt {
  font-style: italic;
  font-weight: 400;
}
dd {
  padding-left: 2em;
}

code {
  display: inline;
  padding: 0;
  font-size: 100%;
  background: none;
  color: inherit;
}

.navbar-text.logo {
  margin: 13px 15px 13px 0;
}