:root {
  --desktop-viewport: 1200px;
  --tablet-viewport: 768px;
}

@layer layouts {
  .logos {
    padding: 32px 0;
  }
  @media screen and (min-width: 1024px) {
    .logos {
      padding: 48px 0;
    }
  }
  .logos__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
  }
  @media screen and (min-width: 1024px) {
    .logos__list {
      gap: 64px;
      flex-wrap: nowrap;
    }
  }
}