#hamburger{
  display:none;
}
.submenu{
  height:200px;
}
.submenu ul{
  margin-top:30px;
  font-size:1.5em;
  font-family: 'Berk';
  list-style:disk;
}
.submenu ul li{
  color:#67151d;
  padding:10px;
}
.submenu ul li a:hover{
  color:#a87770;
}
.submenu ul li a:active, .submenu ul li a:link, .submenu ul li a:visited{
  color:#67151d;
}
#nav{
  width:100%;
  height:46px;
  margin-top:50px;
  font-family: 'Berk';
  font-weight:normal;
  font-size:2em;
  box-sizing:border-box;
  padding-bottom:0px;
  border-bottom:4px solid  #67151d;
  position:relative;
}
#nav ul{
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:webkit-flex;
 display:flex;
 -webkit-flex-flow:row no-wrap;
 flex-direction: row nowrap;
 justify-content: space-between;
}
#nav ul li a{
 color:#67151d;
 text-decoration:none;
}
#nav ul li a.nav-path-selected{
  color: #a87770; 
}
#nav ul li a:hover{
  color: #a87770; 
}
#nav::before, #nav::after {
 content: ' ';
 height: 4px;
 width: 14px;  
 background-color: #67151d; 
 border-radius: 2px;  
 position: absolute;  
 display: inline-block;     
 top: 42px;   
}                          
#nav::before {
 left: -10px;
}  
#nav::after {
  right: -10px;
}
#hline{
  background-color: #67151d;
  border:0;
  height:1px;
  margin:0;
  margin-top:1px;
  position:relative;
  overflow:visible; 
}
#hline::before, #hline::after {
  content: ' ';
  height: 1px;
  width: 14px;  
  position:absolute; 
  background-color: #67151d;  
  display: inline-block;     
  top: 0;   
}       
 #hline::before {
 left: -10px;
 
} 
 #hline::after {
 right: -10px;   
} 


@media screen and (max-width:860px){
#nav{
  font-size:1.5em;
  height:40px;
  border-bottom-width:3px
}
#nav::before, #nav::after {
 top: 37px;   
  height: 3px;
}                          

}
@media screen and (max-width:700px){
#nav{
  font-size:1.2em;
  height:35px;
}
#nav::before, #nav::after {
 top: 32px;   
  height: 3px;
}  
} 
@media screen and (max-width:550px){
#nav{
  font-size:1.0em;
  height:26px;
  border-bottom-width:2px
}
#nav::before, #nav::after {
 top: 24px;   
  height: 2px;
}  
}    
@media screen and (max-width:500px){
/*.dropdown-content {
    display: none;
    position: absolute;
    background-color: #c9aaa3;
    min-width: 270px; 
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 20px;
    top:44px;
    z-index: 1;
}          */
#nav ul li a {
       padding: 12px 16px;
    text-decoration: none;
    display: block;
}    
#nav{
  display:none;
  margin-top:0;
  position:absolute;
  height:auto;
  background-color: #c9aaa3;
  border:0;
  width:150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    right: 15px;
    top:60px;
    z-index: 10;
}
#nav::before, #nav::after {
 background-color: transparent; 
}
#nav::before {
 left: 0;
}  
#nav::after {
  right: 0;
}
#nav ul{
 display:block;
 }
#hamburger{
  display:block;
}
.show {display:block !important;}
h1{
  margin-top:40px;
}
}