.topnav {
  background-color:#674c1a;
  overflow:hidden;
}

.topnav a {
  float:left;
  display:block;
  color:#f2f2f2;
  text-align:center;
  padding:14px 16px;
  text-decoration:none;
  font-size:17px;
}

.topnav a:hover {
  background-color:#ddd;
  color:black;
}

.active {
  background-color:#241f1f;
  color:white;
}

.topnav .icon {
  display:none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {
    display:none;
  }
}

@media screen and (max-width: 600px) {
  .topnav a.icon {
    float:right;
    display:block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {
    position:relative;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive a.icon {
    position:absolute;
    right:0;
    top:0;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive a {
    float:none;
    display:block;
    text-align:left;
  }
}

.div_menu {
  padding:0px;
}

@media (min-width:749px) {
  #myTopnav {
    width:900px;
    background-color:rgb(105,77,26);
  }
}

@media (max-width:1200px) {
  #myTopnav {
    width:900px;
  }
}

@media (min-width:1200px) {
  #myTopnav {
    width:1024px;
  }
}

@media (max-width:470px) {
  #myTopnav {
    width:100%;
  }
}