.pbgrid3-container {
  --scale_factor: 1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  /*  @media (max-width: $square_factor) {
      grid-template-columns:  repeat($grid_columns/4,1fr);
    }
  */
  column-gap: var(--column_gap);
  row-gap: var(--row_gap); }
  .pbgrid3-container .pbgrid3-block {
    display: grid;
    column-gap: var(--column_gap);
    row-gap: var(--row_gap);
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: min-content;
    grid-auto-rows: min-content;
    grid-column: span 12;
    /*
    @media (max-width: $square_factor) {
      grid-template-columns: repeat($grid_columns/4,1fr);
      grid-column: span $grid_columns/4;
    }

     */ }
    .pbgrid3-container .pbgrid3-block > * {
      grid-column: span 6;
      overflow: hidden; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block > * {
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.outer-1 {
      grid-column: span 1;
      grid-template-columns: repeat(1, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-1 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-1 > * {
      grid-column: span 1; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-1 > * {
          grid-column: span 4; } }
    .pbgrid3-container .pbgrid3-block.outer-2 {
      grid-column: span 2;
      grid-template-columns: repeat(2, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-2 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-2 > * {
      grid-column: span 2; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-2 > * {
          grid-column: span 4; } }
    .pbgrid3-container .pbgrid3-block.outer-3 {
      grid-column: span 3;
      grid-template-columns: repeat(3, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-3 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-3 > * {
      grid-column: span 3; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-3 > * {
          grid-column: span 4; } }
    .pbgrid3-container .pbgrid3-block.outer-4 {
      grid-column: span 4;
      grid-template-columns: repeat(4, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-4 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-4 > * {
      grid-column: span 4; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-4 > * {
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.outer-5 {
      grid-column: span 5;
      grid-template-columns: repeat(5, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-5 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-5 > * {
      grid-column: span 5; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-5 > * {
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.outer-6 {
      grid-column: span 6;
      grid-template-columns: repeat(6, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-6 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-6 > * {
      grid-column: span 6; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-6 > * {
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.outer-7 {
      grid-column: span 7;
      grid-template-columns: repeat(7, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-7 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-7 > * {
      grid-column: span 7; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-7 > * {
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.outer-8 {
      grid-column: span 8;
      grid-template-columns: repeat(8, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-8 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-8 > * {
      grid-column: span 8; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-8 > * {
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.outer-9 {
      grid-column: span 9;
      grid-template-columns: repeat(9, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-9 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-9 > * {
      grid-column: span 9; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-9 > * {
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.outer-10 {
      grid-column: span 10;
      grid-template-columns: repeat(10, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-10 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-10 > * {
      grid-column: span 10; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-10 > * {
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.outer-11 {
      grid-column: span 11;
      grid-template-columns: repeat(11, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-11 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-11 > * {
      grid-column: span 11; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-11 > * {
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.outer-12 {
      grid-column: span 12;
      grid-template-columns: repeat(12, 1fr); }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.outer-12 {
          grid-template-columns: repeat(12, 1fr);
          grid-column: span 12; } }
    .pbgrid3-container .pbgrid3-block.inner-12 > * {
      grid-column: span 12; }
      @media (max-width: 576px) {
        .pbgrid3-container .pbgrid3-block.inner-12 > * {
          grid-column: span 12; } }

/*# sourceMappingURL=pbgrid3.css.map */