@media (min-width: 992px) {
  .rounded-lg-3 { border-radius: .3rem; }
}
.navbar {
  margin-bottom: 20px;
}

.devy-logo {
  display: inline-block;
  width: 45%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* Default: Black Logo for Light Mode */
  background-image: url('assets/brand/devy-logo-black.png');
  vertical-align: middle;
}

/* Bootstrap's Dark Mode Selector */
[data-bs-theme="dark"] .devy-logo {
  /* Swap to White Logo for Dark Mode */
  background-image: url('assets/brand/devy-logo-white.png');
}

/* Only fill the screen on tablets/desktops (768px and up) */
@media (min-width: 768px) {
  .min-vh-md-100 {
    min-height: 100vh !important;
  }
}

/* Mobile behavior: let the content dictate the height with padding */
@media (max-width: 767.98px) {
  .min-vh-md-100 {
    min-height: auto;
  }
}