/* Mobile-specific logo enhancements with no background */
@media screen and (max-width: 768px) {
  .logo {
    padding: 5px;
    margin-right: 10px;
  }

  .logo-img[src*='logo1.png'] {
    height: 50px !important;
    filter: contrast(1.5) brightness(1.4) !important;
  }

  .footer-logo-img[src*='logo1.png'] {
    height: 60px !important;
    margin: 0 auto;
  }
}

@media screen and (max-width: 480px) {
  .logo {
    padding: 3px;
  }

  .logo-img[src*='logo1.png'] {
    height: 45px !important;
  }
}