.section.speakers {

  ul.speakers {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    li a.speaker {
      padding: var(--space-4);
      border: thin solid var(--darken-1);
      box-shadow: var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
      transition: box-shadow var(--animation);
      border-radius: var(--space-2);
      display: flex;
      flex-direction: row;
      height: 100%;

      .speaker-img {
        margin-right: var(--space-4);
      }

      .speaker-company {
        margin-top: var(--space-3);
        order: 2;
        text-align: center;

        figcaption {
          display: block;
        }
      }

      &:hover, &:focus {
        box-shadow: var(--space-2) var(--space-2) var(--space-2) var(--darken-3);
      }
    }
  }

}