/* Logo sizing for all devices */
header #logo img.logo-main,
header #logo img.logo-scroll,
header #logo img.logo-mobile {
  height: auto;
  object-fit: contain;
  transition: all 0.3s;
}

/* Footer logo sizing for all devices */
footer img[src*="logo.webp"] {
  height: auto;
  object-fit: contain;
  transition: all 0.3s;
}

/* Laptop and desktop sizes */
@media only screen and (min-width: 992px) {
  header #logo img.logo-main,
  header #logo img.logo-scroll {
    height: 120px;
    width: 120px;
  }
  
  footer img[src*="logo.webp"] {
    height: 150px;
    width: auto;
  }
}

/* Tablet sizes */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header #logo img.logo-main,
  header #logo img.logo-scroll,
  header #logo img.logo-mobile {
    height: 100px;
    width: 100px;
  }
  
  footer img[src*="logo.webp"] {
    height: 90px;
    width: auto;
  }
}

/* Mobile sizes - override the existing styles */
@media only screen and (max-width: 767px) {
  header #logo img.logo-mobile {
    display: block;
    height: 80px;
    width: 80px;
  }
  
  footer img[src*="logo.webp"] {
    height: 70px;
    width: auto;
  }
}

/* Small mobile sizes */
@media only screen and (max-width: 480px) {
  header #logo img.logo-main,
  header #logo img.logo-scroll,
  header #logo img.logo-mobile {
    height: 70px;
    width: 70px;
  }
  
  footer img[src*="logo.webp"] {
    height: 60px;
    width: auto;
  }
}