*{ 
  -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
-webkit-appearance:none;
}

body{
  margin: 0px;
}

header{
  padding:20px 0px;
}


.section.header{
  position: relative;
}
.section.header .site-title{
  float: left;
}



#primary-navigation{
  float: left;
}

#primary-navigation li a{
  padding:0px 10px;
}


.section.footer .container{
  padding:20px 0px;
}

#menu-footer{
  padding: 0px;
  margin: 20px 0px;
}

#menu-footer li{
  margin-right:20px;
}

.navigation ul{
  padding: 20px;
}

#primary-navigation.display{
  position: fixed;
  width: calc(100% - 30px);
  background: rgba(245, 245, 245 , 1);
  margin: 15px;
  height: calc(100% - 30px);
  float: left;
  top:0px;
}
#primary-navigation .closenavi{
display: none;
}

#primary-navigation.display .closenavi{
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  display: block;
  font-size: 50px;
  float: right;
  margin: 20px;
}


#primary-navigation.display ul#menu-header{
  display: block;
  margin: 0px;
  padding:0px;
  float:left;
  width: 100%;
}
#primary-navigation.display ul#menu-header li a{
  padding:20px 0px;
  margin:0px 50px;
  display: block;
  border-bottom: 1px solid #ddd;
}

#primary-navigation.display ul#menu-header li:last-child a{
  border-bottom: 0px solid #aaa;

}

.navigation ul li{
  list-style-type: none;
  float: left; 
}

.mobile-nav-wrapper{
  position: absolute;
  right:20px;
  top:27px;
  display: none;
  padding-top: 10px;
  height: 25px;
  cursor: pointer;
}

.mobile-nav,
.mobile-nav:after,
.mobile-nav:before{
  width: 30px;
  height: 6px;
  display: block;
  background: black;
}
.mobile-nav{
  position: relative;
}
.mobile-nav:before{
  top:-10px;
  position: absolute;  
  content: '';
}
.mobile-nav:after{
  content: '';
  bottom:-10px;
  position: absolute;  
}




@media screen and (max-width: 780px) {
  .navigation ul{
    display: none;
  }

  .navigation ul li{
    width: 100%;
  }
  .mobile-nav-wrapper{
    display: block;
    }
}