/* place "display: none" objects here for easy identification */



/*--------------------------------------------------------------
# Personal Touches
--------------------------------------------------------------*/

#former-presidents .flexbox {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#former-presidents ul.former-presidents-list {
  min-width: 200px;
  margin: 0 1% 15px;
  list-style: none;
  padding: 0;
  column-count: 4;
  column-gap: 2rem; 
  width: 100%;
  box-sizing: border-box;
}
#former-presidents ul.former-presidents-list li {
    margin-bottom: 1.9rem;
    padding: 0 1.5rem;
    display: inline-block; 
      width: 100%; 
      break-inside: avoid; /* Prevents item containers from splitting strangely across columns */
      box-sizing: border-box;
}
#former-presidents ul.former-presidents-list li * {
  max-width: 100%;
  height: auto;
}
#former-presidents ul.former-presidents-list li span {
    display: block;
}
#former-presidents ul.former-presidents-list li span.h4{
    margin-bottom: 3px;
    font-weight: 300;
}

/*--------------------------------------------------------------
## Sliders
--------------------------------------------------------------*/




/*--------------------------------------------------------------
# Effects
--------------------------------------------------------------*/




/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/
@media screen and (max-width: 1300px) {
    #former-presidents ul.former-presidents-list {
        column-count: 3;
    }
}

@media screen and (max-width: 1000px) {
    #former-presidents ul.former-presidents-list {
        column-count: 4;
    }
}

@media screen and (max-width: 900px) {
    #former-presidents ul.former-presidents-list {
        column-count: 3;
    }
}

@media screen and (max-width: 640px) {
    #former-presidents ul.former-presidents-list {
        column-count: 2;
    }
}