.current-class-visible-title {
  position: absolute;
  top: max(76px, 11%); left: 15%; width: 70%; margin: 0;
  color: #eeeae1; text-align: center; text-transform: uppercase;
  font: italic 700 2.5cqw/1.05 'Barlow Condensed', Impact, sans-serif;
  text-shadow: 0 2px 5px #000;
}
.current-class-title-year {
  display: block; margin-top: .35em;
  color: #bad731; font-size: .5em; font-style: normal; letter-spacing: .12em;
}
@media (max-width: 900px) {
  .current-class-visible-title {
    position: relative; top: auto; left: auto; width: 100%;
    margin: 0 0 30px;
    font-size: clamp(32px, 9vw, 48px);
  }
}
@media (max-width: 767px) {
  .board-table, .board-table tbody { display: block; width: 100%; }
  .board-table thead { display: none; }
  .board-table tbody tr {
    display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    padding: 18px 14px; gap: 12px;
    border-bottom: 1px solid rgba(230,230,230,.12);
  }
  .board-table tbody tr:last-child { border-bottom: 0; }
  .board-table tbody tr > * { min-width: 0; padding: 0; border: 0; }
  .board-table .board-role { align-self: center; }
  .board-table tbody tr > td:last-child { grid-column: 1 / -1; }
  .board-table .board-email { display: inline-block; max-width: 100%; overflow-wrap: anywhere; }
}