.docs__list {
    display: flex;
    flex-flow: row wrap;
    }

.docs__list--item {
    max-width: calc(100% / 8);
    padding: .5rem;
    text-align: center;
    }
  
@media(max-width: 991.98px) {
    .docs__list--item {
    max-width: calc(100% / 3);
    padding: .5rem;
    text-align: center;
    
   
    }
    .docs__list--item span {
        font-size: .75rem;
         white-space: normal;
        }
  
    }
    
.docs__list--item img {
    height: auto;
    margin: auto;
    width: 100%;
    }