.navbar-brand .logoTop {
   display: block;
   font-family: "Yeseva One", cursive;
   letter-spacing: 2px;
}

.navbar-brand .logoBottom {
   font-size: 13px;
   letter-spacing: 0.5px;
   margin-top: -8px;
   display: block;
   font-family: "Yeseva One", cursive;
}

.navbar-brand img {
   height: 50px;
   width: 50px;
}

.nav-item:hover {
   background-color: #672DDF;
   transition: 1s;
}

.navbar-nav .active {
   background-color: #672DDF;
   transition: 1s;

}

.dropdown-item:hover {
   background-color: #672DDF;
   transition: 1s;
}

@media (max-width: 575.98px) {

   .navbar-brand img {
      height: 30px;
      width: 30px;
   }

   .navbar-brand .logoTop {

      font-size: 15px;
      letter-spacing: 2px;
   }

   .navbar-brand .logoBottom {
      font-size: 11px;
   }
}