.navbar-nav > a{
  background-color: #f8f9faad;
  border-radius: 10px;
  padding: 10px 20px!important;
}
.navbar-nav > a.active{
  font-weight: bold;
  color: rgb(111 111 111)!important;
}
.nav-link{
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  .underlineEffects a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.10em;
    display: inline-block;
    padding: 10px 20px;
    position: relative;
  }
  .underlineEffects a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    /* left: 50%; */
    position: absolute;
    background:#1468a2;
    transform: scale(0);
    transform-origin: center;
    transition: transform 0.3s ease 0s;
    /* width: 0; */
  }

  .underlineEffects a:hover:after { 
    transform: scale(0.95);
    transform-origin: center;


    /* width: 90%;  */
    /* left: 0;  */
  }
  
}