.navbar {
           background-color: #ffff00;
           justify-content:   space-between;
           padding: 0 5%;
}
.navbar .nav{
          justify-content: flex-end;
}
 .navbar ul {
          margin: 0;
          padding: 30px;
}
 .navbar li {
          display: inline;
          list-style: none;
          margin-right: 24px;
          position: relative;
}
.navbar li.active {
         background-color: #fff;
         color: #ffff00;
         padding: 12px;
} 
.navbar li.active a {
        color: #000 !important;
}
.navbar li.active a:hover {
        color: #000 !important;
} 
.navbar ul.nav a {     
       font-size: 12pt;
       color: #fff;
       text-transform: uppercase;     
       font-family: 'Montserrat', sans-serif;
       font-weight: bold;
       line-height: 1.936;
       text-align: left;
              white-space: nowrap;
}
 .navbar ul.nav a:hover {
     color: #72cbff;
}