/* your styles go here */

/* initial states */
.logo-light {
    display: none;
  }
  
  .logo-dark {
    display: block;
  }

  .bg-transparent .logo-light {
    display: block;
  }
  
  .bg-transparent .logo-dark {
    display: none;
  }
  
  /* hover states */
  .navbar:hover .logo-light {
    display: none;
  }
  
  .navbar:hover .logo-dark {
    display: block;
  }

/* scroll states */
.navbar.fixed-top .logo-light{
    display: none;
}

.navbar.fixed-top .logo-dark{
    display: block;
}