.nav-bar {display: none;
text-align:left;
text-decoration: none;
position:relative;
left:40px;}

.nav-bar a {
 font-size: 50px;
 font-weight:bold;
 color:#998542;
 text-decoration:none !important;}

.nav-bar a:hover {color:#aaa;}


/*responsive nav style*/

 @media screen and (max-width: 800px) {

.nav-bar {
  display: inline-block;
  width: 100%;
  height:0px;}
  
nav li {
  position:relative;
  top:-13px;
  background: #999;}
	
nav li a {color:#fff;}

nav a:hover, nav a:active {color:#ccc;}	
  
nav ul {height:0px;}

.nav-bar .fa-bars {
  display: inline-block;
  color: #fff;
  overflow: hidden;
  float: right;}

nav {
  width: 100%;
  right: 100%;
  float:left;
  height:0px;}

 nav ul li {
  display: block;
  border-bottom: 1px solid #998542;
  width: 100%;
  height:48px;
  float:left;
  font-size:19px;}
  
nav ul li:last-child {border-bottom:none;}

@media screen and (max-width: 600px) {
	
.nav-bar {
text-align:center;
left:0px;}
	
nav li {top:-10px;}