#navbar {  overflow: hidden; background-color: none;  padding: 0px 10px 10px 10px; z-index:1000;  }

.topnav-right {  float: right; padding-top: 30px;} 

.topnav a {  float: left;  display: block;  color: #2E3640;  text-align: center;  padding: 0px 16px 5px 16px;  text-decoration: none;  font-size: 2rem; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: 300; }
							

.topnav a:hover {  border-bottom: medium #0092CF solid;} 
.topnav a:hover:nth-child(1) {  border-bottom: none; padding-bottom:5px;} 

.xactive {  background-color: #DADADA;  color: white;}

.topnav .icon {  display: none;}

.topnav { // set animation
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease	
}




@media screen and (max-width: 800px) {
	.topnav-right {  float: left;} 
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon { float: right;    display: block;  }
   .topnav.responsive a {    float: none;    display: block;    text-align: left;  }

}

@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {    position: absolute;    right: 0;    top: 0;  float:right; }
  .topnav.responsive a {    float: none;    display: block;    text-align: left; padding-bottom: 3rem; }
  .topnav a {	border-right:none; }
  .topnav a:hover {  border-bottom: medium #0092CF solid; } 


}

.sticky {  position: fixed;  top: 0;  width: 100%;  -webkit-box-shadow: 2px  5px 10px grey;	-moz-box-shadow: 2px 5px 10px grey;	box-shadow: 2px 5px 10px grey; background-color: white;}