/****************
 * Fonts
 ****************/
/****************
 * Colors
 ****************/
/****************
 * Grid Settings
 ****************/
/*********************
 * Z-Index Management
 ********************/
/**************
 * Buttons
 **************/
/****************
 * Blocks
 ****************/
.headshot-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem 1rem;
  margin: 2rem 0;
}
@media (min-width: 576px) {
  .headshot-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .headshot-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .headshot-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
.headshot-grid .headshot-item {
  padding-bottom: 1rem;
}
.headshot-grid .headshot-item img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.headshot-grid .headshot-heading {
  margin: 0 0 1rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
}