/* PRACTICE CARDS */

.practice-card P.long-desc {
	display: none; /* only show on practice detail page */
}

#content IMG.practice-logo {
  max-width: 300px;
  height: auto;
  object-fit: contain;
  margin-bottom: 0.5rem;
}
@media (max-width: 600px) {
  #content IMG.practice-logo {
    max-width: 160px;
  }
}

.detailed-desc .surgeon-headshots {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;          /* space between cards */
  justify-content: flex-start;
}

.surgeon-headshots .surgeon {
  text-align: center;
  width: 23%;
}

.surgeon-headshots .surgeon img.headshot {
  display: block;
  margin: 0 auto 1rem;
}

.surgeon-headshots .surgeon-name {
  display: block;
  margin-top: 1rem;
  font-weight: bold;
}

@media (min-width: 768px) { /* or 768px if you want it earlier */
  .row.row-vcenter {
    display: flex;
    align-items: center;          /* vertical centering */
  }

  .row.row-vcenter > [class^="col-"] {
    float: none;                  /* let flexbox handle layout */
  }
}