body {
 background: url(/assets/lib/bg_pattern_brown.jpg);
 font-family: Open Sans;
}

.head {
 background: url(/assets/lib/header.gif) 0 0 repeat-x; 
 display: flex;
 justify-content: space-around;
 align-items: center;
 padding: 1em 0 1em 0;
 margin: 2em 0 1em 0;
}

.container {  
 max-width: 60em;
 background: white;
 margin: auto;
 box-shadow: 0 0 35px #555;
}

ul {
 padding-left: 1em; 
 margin-block-start: 0;
} 

.nav h3 {
 margin-bottom: 0;
 padding-bottom: 0;
}

a:link, a:visited, a:hover {
 color: #6c9270;
 text-decoration: none; 
}
.content {
 padding-left: 2em;
}
li {
  list-style-image: url(/assets/lib/menu-leaf.png);
  /*margin: 0.25em 0 0.25em 0;*/
margin: 0;
padding: 0.25em 0 0.25em 0;

  vertical-align: middle;
}
.nav {
  margin: 0;
  border-right: solid 1px #fdfdfd;
  padding: 0 0em 0 1em;
  background: #f9f9f9;
  box-shadow: 1px 1px 3px #ddd;
}

.nav h2 {
 margin: 1em 0  0.5em 0;
 padding: 0;
}

.mid {
    grid-template-columns: 25% 70%;
    display: grid;
}