/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/all-2.scss ***!
  \**************************************************************************************************************/
.g-row {
  display: flex;
  flex-wrap: wrap;
  width: initial;
  margin: -1em -6px 1em -6px;
  justify-content: space-around;
}
.g-size-1, .g-size-2, .g-size-3, .g-size-4, .g-size-5, .g-size-6, .g-size-7, .g-size-8, .g-size-9, .g-size-10, .g-size-11, .g-size-12 {
  max-width: 8.33333333%;
  flex-basis: 8.33333333%;
  padding: 6px;
}
.g-size-2, .g-size-3, .g-size-4, .g-size-5, .g-size-6 {
  max-width: 50%;
  flex-basis: 50%;
}
.g-size-7, .g-size-8, .g-size-9, .g-size-10, .g-size-11, .g-size-12 {
  max-width: 100%;
  flex-basis: 100%;
}
@supports (display: grid) {
  .g-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 12px;
    margin: initial;
  }
  .g-size-1, .g-size-2, .g-size-3, .g-size-4, .g-size-5, .g-size-6, .g-size-7, .g-size-8, .g-size-9, .g-size-10, .g-size-11, .g-size-12 {
    padding: initial;
    max-width: none;
  }
  .g-size-2, .g-size-3, .g-size-4, .g-size-5, .g-size-6 {
    grid-column: span 6;
  }
  .g-size-7, .g-size-8, .g-size-9, .g-size-10, .g-size-11, .g-size-12 {
    grid-column: span 12;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .g-size-1, .g-size-2, .g-size-3, .g-size-4, .g-size-5, .g-size-6, .g-size-7, .g-size-8, .g-size-9, .g-size-10, .g-size-11, .g-size-12 {
    max-width: 8.33333333%;
    flex-basis: 8.33333333%;
    padding: 6px;
  }
  .g-size-2 {
    max-width: 16.66666666%;
    flex-basis: 16.66666666%;
  }
  .g-size-3 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .g-size-4 {
    max-width: 33.33333332%;
    flex-basis: 33.33333332%;
  }
  .g-size-5 {
    max-width: 41.66666665%;
    flex-basis: 41.66666665%;
  }
  .g-size-6 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .g-size-7 {
    max-width: 58.33333331%;
    flex-basis: 58.33333331%;
  }
  .g-size-8 {
    max-width: 66.66666664%;
    flex-basis: 66.66666664%;
  }
  .g-size-9 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .g-size-10 {
    max-width: 83.3333333%;
    flex-basis: 83.3333333%;
  }
  .g-size-11 {
    max-width: 91.66666663%;
    flex-basis: 91.66666663%;
  }
  .g-size-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .g-offset-1 {
    margin-left: 8.33333333%;
  }
  .g-offset-2 {
    margin-left: 16.66666666%;
  }
  .g-offset-3 {
    margin-left: 24.99999999%;
  }
  @supports (display: grid) {
    .g-size-1, .g-size-2, .g-size-3, .g-size-4, .g-size-5, .g-size-6, .g-size-7, .g-size-8, .g-size-9, .g-size-10, .g-size-11, .g-size-12 {
      padding: initial;
      max-width: none;
    }
    .g-size-2 {
      grid-column: span 2;
    }
    .g-size-3 {
      grid-column: span 3;
    }
    .g-size-4 {
      grid-column: span 4;
    }
    .g-size-5 {
      grid-column: span 5;
    }
    .g-size-6 {
      grid-column: span 6;
    }
    .g-size-7 {
      grid-column: span 7;
    }
    .g-size-8 {
      grid-column: span 8;
    }
    .g-size-9 {
      grid-column: span 9;
    }
    .g-size-10 {
      grid-column: span 10;
    }
    .g-size-11 {
      grid-column: span 11;
    }
    .g-size-12 {
      grid-column: span 12;
    }
  }
}
@media print {
  body {
    background: #fff;
    color: #000;
  }
}