/*
  logo grey = #6C6D6F
  logo green = #8BB86C
  */

html {padding:0;margin:0;}
body {background:#6C6D6F; padding:0; margin:0; }
.container{max-width:996px;margin:0 auto; padding:20px; background:#fff; min-height:600px; padding-bottom:30px;}
.header {text-align:center; min-height:100px; background: url('../img/green-bg2.jpg'); background-size: cover;  margin-bottom:10px;}
.header h1 { font-family: 'Josefin Sans', sans-serif; font-size:2.3em; line-height: 1; text-shadow: 2px 2px #ddd;}  
.footer {text-align:center; padding:1em; color:#ddd;}
.content p {color:#555; font-family: 'Open Sans', sans-serif;}
.content a {text-decoration:none; color:#000; font-weight:bold;}
.content a:hover {color:#8BB86C;}
img.photo {width:80%;}
.photobox {text-align:center;}

nav {font-family: 'Open Sans', sans-serif;}
nav a.active {color:#8BB86C;}

h1 {font-family: 'Josefin Sans', sans-serif;}

.logoimg {max-height:100px;}


/**** Menu ****/

  nav {
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-right: none;
    width: 100%;
    margin-bottom: 20px;
  }
  
  nav ul {
    margin: 0;
    padding: 0;
  }
  
  nav ul li {
    list-style: none;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
  }
  
  nav ul li:first-child {
    border-left: none;
  }
  
  nav ul li a {
    display: block;
    text-decoration: none;
    color: #616161;
    padding: 10px 0;
  }
  
  nav {
    display: table;
    table-layout: fixed;
  }
  
  ul {
    display: flex;
    flex-direction: row;
  }
  
  ul li {
      flex-grow: 1;
  }
  
  .x {
    display: none;
  }
  
  .p {
    text-align: center;
    font-size: 14px;
    margin-top: 80px;
  }
  
  .d {
    color: #ccc;
  }
  
  @media (max-width: 700px) {
    
    ul {
      display: block;
    }
  
    nav {
      font-size: .9em;
    }
    
    nav ul li {
      display: block;
      border-bottom: 1px solid #ccc;
    }
  
  }

  /*** End of Menu ***/