#NavBarR {
 background-color: #900;
 display: block;
 margin-bottom: 20px;
 position:absolute;
 height: 50px;
 width: 100%;
 z-index:4;
}
.homel img {
 height: 30px;
 width: 30px;
}

#l2 { 
 display: none;
}

#navLink.homel {
 border: 0px solid #FFF;
 width: 50px;
 margin: 0px;
 padding: 11px 0px 0px 0px;
}
.topnav {
 background-color: #900;
 box-shadow: 0px 2px 3px rgba(0, 0, 0, .2);
 clear: both;
 overflow: hidden;
 margin: 0px auto;
 width: 100%;
}

.topnav a, .topnav a #navLink {
 float: left;
 display: block;
 color: #FFF;
 text-align: center;
 padding: 14px 12px;
 text-decoration: none;
 font-size: 17px;
 height: 50px;
}


.topnav a:hover {
 background-color: #DDD;
 color: #369 !important;
}

.activeM {
 background-color: #FFF;
 color: #369 !important;
}

.topnav .icon {
    display: none;
}

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

  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
   position: absolute;
   right: 0;
   top: 0;
  }
  .topnav.responsive a {
   float: none;
   display: block;
   text-align: left;
  }
	
  #l1 { 
    display: none;
  }

  #l2 { 
   height:24px;
   width:200px;
   margin: 0px 0px 0px 10px;
   display: inline;
  }

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

}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
  z-index: 100;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}