/* =Nav
-------------------------------------------------------------- */


#nav-trigger {
  display: none;
  text-align: left; }
  
#nav-trigger span {
    display: inline-block;
    padding: 10px 10px;
    background-color: #9d120f;
    cursor: pointer;
    }
    #nav-trigger span:after {
     display: inline-block;
     width: 100%;
              }
			  
    #nav-trigger span:hover {  margin:0; }
    

nav {
  margin-bottom: 0px;
  z-index:10000;
}

nav#nav-main {
  background-color: #9d120f;
  padding: 10px 0; }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    padding: 0 5px;
	position:relative;
	
	 }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: #fff;
	font-size: 1.5em;
    padding: 10px 20px; }
    nav#nav-main a:hover {
      background-color: none;
	  color:#75ad4b;
      }
	  nav#nav-main a.active { font-weight:700;
	  letter-spacing:2px;      }

nav#nav-mobile {
	    position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #9d120f; }
  nav#nav-mobile li {
    display: block;
	padding: 5px 0;
    margin: 0 5px;
	font-size:1.3em;
  }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: #fff;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: none;
	   color:#75ad4b;
      }



/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } }