/*
[005]-CLIENTS SECTION
About: Simple Client Logo Section
Author: Nacho Rico - Arrontes y Barrera
*/
.clients-section {
  background-color: rgba(34, 34, 33, 0.05);
  min-height: 200px;
  padding: 40px 0; }
  .clients-section .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    text-align: center;
    color: #222221;
    font-weight: 200; }
  .clients-section .logos {
    max-width: 85%;
    margin: 0 auto; }
    .clients-section .logos img {
      margin: 20px 0; }
    .clients-section .logos .col {
      text-align: center;
      padding: 40px; }

@media screen and (min-width: 770px) {
  .clients-section .logos > .col-4 {
    max-width: 20%; } }

@media screen and (max-width: 770px) {
  .clients-section .logos {
    max-width: 90%; }
    .clients-section .logos .col {
      padding: 20px; }
    .clients-section .logos img {
      padding: 15px; } }

@media screen and (max-width: 500px) and (orientation: portrait) {
  .clients-section .logos img {
    padding: 5px; } }

@media screen and (max-height: 500px) and (orientation: landscape) {
  .clients-section .logos > .col-4 {
    max-width: 20%; }
  .clients-section .logos img {
    padding: 0px; } }