/* Default size for large screens */
.logo-img {
  width: 40vw;
}

/* Make the logo larger on smaller screens (mobile-first approach) */
@media (max-width: 768px) {
  .logo-img {
      width: 60vw; /* Increase logo size on smaller screens */
  }
}

@media (max-width: 576px) {
  .logo-img {
      width: 80vw; /* Further increase logo size on extra small screens */
  }
}
.footer_img{
  height: 10vh;
  width: 30vw;
}
@media (max-width: 768px) {
  .footer_img{
    height: 5vh;
    width: 40vw;
  }
}

@media (max-width: 576px) {
  .footer_img{
      width: 1vh;
      width: 75vw;
  }
}