body{
  margin: 0;
  padding: 0;
  font-family: sans-serif;

  /*background: red;*/
  /*position: relative;*/
  /*min-height: 100%;*/
}
html, body{
  height: 100%;
}
#main{
  min-height: 100%;
  position: relative;
  background: #ede9ce;
  /*border-style: solid;
  border-width: 1px;*/
}
#header{
  background: #64706c;
  width: 100%;
  padding: 40px 0;
  color: white;
  text-align: center;
  /*border-style: solid;
  border-width: 1px;*/
}
#content{
  padding-bottom: 100px;
  width: 75%;
  padding: 40px;
  margin: 0 auto;
  /*background: red;*/
  border-style: solid;
  border-width: 1px;
}
section{
  line-height: 1.5em;
  font-size: 0.9em;
  padding: 40px;
  /*width: 75%;*/
  margin: 0 auto;
  background: #c7ad88;
  border-style: solid;
  border-width: 1px;
}
#section_2row{
  width: 50%;
  border-style: solid;
  border-width: 1px;
}

#footer{
  background: #64706c;
  height: 100px;
  width: 100%;
  /*padding: 20px 0;*/
  color: white;
  text-align: center;
  /*display: block;*/
  position: absolute;
/*  position: fixed;*/
  border-top: 1px solid #ff4b02;
  bottom: 0px;
}
a{
  text-decoration: none;
  color: inherit;
}
nav ul{
  background-color: #c7ad88;
  overflow: hidden;
  color: white;
  padding: 0;
  text-align: center;
  margin: 0;
  transition: max-height 0.4s; /*nav anim*/
  -webkit-transition: max-height 0.4s;
  -ms-transition: max-height 0.4s;
  -moz-transition: max-height 0.4s;
  -o-transition: max-height 0.4s;
  -moz-box-shadow:    0px 5px 2px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 5px 2px rgba(0,0,0,0.55);
  -khtml-box-shadow:  0px 5px 2px rgba(0,0,0,0.55);
  box-shadow:         0px 5px 2px rgba(0,0,0,0.55);
}
nav ul li{
  display: inline-block;
  padding: 20px;
}
nav ul li:hover{
background-color: #ede9ce;
}
/*section{
  line-height: 1.5em;
  font-size: 0.9em;
  padding: 40px;
  width: 75%;
  margin: 0 auto;
  background: yellow;
}*/
/*menu button*/
.handle{
  width: 100%;
  background: #935347;
  box-sizing: border-box;
  padding: 15px 10px;
  cursor: pointer;
  color: white;
  display: none; /*hide menubutton*/
  text-align: center;
}
/*small screen*/
@media screen and (max-width:580px) {
  nav ul{
    max-height: 0; /*hide nav smallscreen*/
  }
  .viewnav{
    max-height: 20em;
  }
  nav ul li{
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
  }
  .handle{
    display: block;
  }
}
/*@media screen and (min-device-width : 320px) and (max-device-width : 480px) {
}*/