.logo-size{
  width: auto;
  height: 80px;
}


.hero-bg-img {
  background-image: url('../images/tilapia/hero-img1.jpg'); /* default for desktop */
  background-size: cover;
  background-position: center;
}

/* Tablets and smaller (Bootstrap md breakpoint and below) */
@media (max-width: 991.98px) {
  .hero-bg-img {
    background-image: url('../images/tilapia/hero-img4.png');
  }
}