/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'npm run build' command.
 * @preserve
 */

  .image-list {
  padding: 0 3% 2% 3%;
}

  .image-list__title {
     font: var(--font-primary-h2-default);
 font-weight: 300;
    @include extra-padding;
    color: rgba(0, 0, 0,0.5);
    margin-bottom: 0.9375rem;
  }

  @media (min-width: 768px) {

  .image-list__title {
      margin-bottom: 1.875rem
  }
    }

  .image-list__description {
    @include default-text;
    @include extra-padding;
    margin-bottom: 0.9375rem;
  }

  @media (min-width: 768px) {

  .image-list__description {
      margin-bottom: 1.875rem
  }
    }

  .image-list__row {
    @include extra-padding;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;

  }

  .image-list__row--fix-size {
    justify-content: center;
  }

  .image-list__col {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  @media (min-width: 768px) {

  .image-list__col {
      width: 33.3333%
  }
    }

  @media (min-width: 1200px) {

  .image-list__col {
      width: 25%
  }
    }

  @media (min-width: 768px) {

  .image-list__row--fix-size .image-list__col {
      max-width: 16.625rem
  }
    }