.navbar-logo {
  max-height: 50px;
  width: auto;
}

.hero-bg {
  background: linear-gradient(135deg, #8ec346 0%, #36a6d7 100%);
  color: white;
}

footer a:hover {
  color: #8ec346 !important; /* use your brand green */
  text-decoration: underline;
}

.coming-soon img {
  opacity: 0.6;
  pointer-events: none;
}

/* Blog images: stay sharp, scale down on small screens */
.img-blog {
  width: 100%;
  height: auto;
  max-width: 600px;     /* keeps huge PNGs from blowing out wide layouts */
  border-radius: .5rem; /* same rounded look you’re using elsewhere */
  display: block;
  margin: 1rem auto;    /* nicely centered */
}

@media (min-width: 992px) {          /* lg+ */
  .img-blog {
    max-width: 750px;                /* let them breathe on desktop */
  }
}

/* 60 % width on desktop, full-width on tablets/phones */
@media (min-width: 992px) {           /* Bootstrap “lg” breakpoint */
  .img-60-lg {
    width: 60%;
    max-width: 60%;
  }
}

/* Optional: keep existing .img-blog caps */
.img-blog {
  max-width: 200px;
  width: 100%;
  height: auto;
  border-radius: .5rem;
  margin: 1rem auto;
}