#mainNav {
  min-height: 48px;
  background-color: #000;
    border: none;
}

#mainNav .navbar-toggler {
  font-size: 90%;
  padding: 10px;
  color: #FFFFFF;
  border: 1px solid #000;
    border-radius: 0px;
}

#mainNav .navbar-toggler:focus {
  outline: none;
}

#mainNav .navbar-brand {
  padding: 4px 0;
}


  #mainNav .nav-link {
    font-family: 'EB Garamond', serif;      
      font-size: 16px;      
	  padding: 6px 10px 6px 10px;
	  color: #FFFFFF;
	  margin: 4px 4px 0px 4px;
	  background: none;
      border: #773710 1px solid;
      transition: all ease 0.3s;
      letter-spacing: 4px;
      

  }
  #mainNav .nav-link:hover {
    color: #fff;
      border: #773710 1px solid;
	  background: #773710;
  }


  #mainNav .nav-link:active {
    color: #9A9A9A;
	  background: #000;
      
  }


@media (max-width: 1180px) {
	
  #mainNav .nav-link {
      font-size: 16px;

  }
    
}

@media (min-width: 1700px) {
    
  #mainNav .nav-link {
      font-size: 16px;
	  padding: 8px 16px 8px 16px;
	  margin: 4px 8px 0px 8px;
    
    }
      
}