.nav-item:hover{
  background-color: #d8d1dd5c;
  height:60px;

}
.nav-link:hover{
   color:rgb(109, 13, 88)!important;
  
}
.nav-link{
   padding: 20px 35px!important;
}
.blog a:hover{
  text-decoration: none;
  
}

@media only screen and (max-width: 976px) {
  .nav-link{
    color:black;
  }
  .navbar-nav{
    background-color: #8a078a!important;
    max-height: 340px!important;
  }
  .nav-item{
    max-height: 200px!important;
  }
  .navbar-brand{
    max-width:80%!important;
  }
}