/* Default size */
.navbar {
  transition: all 0.3s ease;
  padding: 1rem 1rem;
}

.navbar-brand img {
  transition: transform 0.3s ease, max-height 0.3s ease;
  max-height: 250px;
}

.logo-shrinked {
  transform: scale(0.8);
  max-height: 60px;
  height: 60px;
}

.navbar-shrinked {
  padding: 0.3rem 1rem;
}


a.navbar-brand {
  transition: transform 0.3s ease, width 0.3s ease, top 0.3s ease;
}

a.navbar-brand.logo-shrinked {
  transform: scale(0.8);
  width: 120px;
  /* optional: less than original 150px */
  top: -10px;
  /* bring it up slightly if needed */
}

a.navbar-brand {
  min-height: 60px;
  box-sizing: border-box;
}