.billboard-full-height {
  min-height: 100vh;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .billboard-full-height {
    /* IE10+ CSS styles go here */
    height: 100vh;
  }
}
.billboard-full-height .billboard-content-wrapper {
  min-height: 100vh;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .billboard-full-height .billboard-content-wrapper {
    /* IE10+ CSS styles go here */
    height: 100vh;
  }
}
.ftr-nap:nth-child(1)::before {
    content: "Rochester Office and Mailing Address ";
    font-weight: bold;
    display: block; /* Optional — puts it on its own line */
}
.bio-award {
max-width:400px;
}

/* Container: row of logos with wrapping */
.logo-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;                 /* space between logos */
  align-items: center;       /* vertically align to the middle of each box */
  justify-content: center;   /* center the whole set */
  margin: 1rem 0;
}

/* Each logo "tile" — we’re keeping your <p> as the tile */
.logo-grid > p {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  /* Set a consistent box that all logos fit into */
  width: 180px;              /* adjust to taste */
  height: 110px;             /* adjust to taste */
  box-sizing: border-box;
}

/* Make images scale to fit the box without distortion */
.logo-grid img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;       /* ensures entire logo is visible */
}

/* Optional: refine for smaller screens */
@media (max-width: 600px) {
  .logo-grid > p {
    width: 45vw;             /* two per row-ish on small screens */
    height: 22vw;
  }
}