.presentation-page .page-header,
.index-page .page-header {
  height: 55vh;
  overflow: hidden;
}
.card.bg-secondary a {
  color: #fff;
}
.card.bg-secondary a:hover {
  color: inherit;
}

/* Fixes issue when viewing the information of the submited forms (removes the modal backdrop) */
.ms-modal-backdrop {
	display:none;
}

p {
	line-height: 1.8em!important
}


.staff-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}

.staff-member {
  flex: 1 1 calc(100% - 2rem); /* Mobile: 1 column */
  max-width: 100%;
  text-align: center;
}

.leadership-staff-photo img {
  max-height: 200px;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.circle-wrapper {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.circle-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Tablet: 3 columns */
@media (min-width: 768px) {
  .staff-member {
    flex: 1 1 calc(33.333% - 2rem);
    max-width: calc(33.333% - 2rem);
  }
}

/* Desktop: 4 columns */
@media (min-width: 1024px) {
  .staff-member {
    flex: 1 1 calc(25% - 2rem);
    max-width: calc(25% - 2rem);
  }
}