/* Import global variables */
@import '../css/variables.css';
/* SCSS Variables */
/* Mixins */
.speakers-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 1rem !important;
  margin-bottom: 2rem;
}
@media (min-width: 320px) {
  .speakers-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (min-width: 768px) {
  .speakers-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .speakers-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
.speakers-grid-load-more {
  text-align: center;
  margin-top: 2rem;
}