/* about */
.main { margin-left: 80px; z-index: 1000; padding: 0 7%; }

@media only screen and (max-width: 1000px) and (orientation: landscape) {
  .main { margin-left: 50px;} 
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    .main { margin-left: 0;}
}


#client h3{font-size: 1.5em; margin: 0 0 1%;}
#client-list{display: flex; flex-wrap: wrap;}
#client-list li{width: 20%; text-align: center; display: flex; align-items: center; justify-content: center; padding: 2% 0;}
#client-list li:nth-of-type(1),
#client-list li:nth-of-type(2),
#client-list li:nth-of-type(3),
#client-list li:nth-of-type(4),
#client-list li:nth-of-type(5){border-bottom: 1px solid #d1d1d1;}

#client-list li:nth-of-type(1) img{width: 67.83%;}
#client-list li:nth-of-type(2) img{width: 43.31%;}
#client-list li:nth-of-type(3) img{width: 59.55%;}
#client-list li:nth-of-type(4) img{width: 59.55%;}
#client-list li:nth-of-type(5) img{width: 59.55%;}
#client-list li:nth-of-type(6) img{width: 24.52%;}
#client-list li:nth-of-type(7) img{width: 49.04%;}
#client-list li:nth-of-type(8) img{width: 38.22%;}
#client-list li:nth-of-type(9) img{width: 59.87%;}

@media only screen and (max-width: 768px){
    #client{margin: 0 0 10%;}
    #client h3{margin: 0;}
    #client-list li{width: 50%; padding: 5% 0;}
    #client-list li{border-bottom: 1px solid #d1d1d1;}
    #client-list li:last-of-type{border-bottom: none;}
}