/*
.packery-wrapper {
  margin: 2.5rem 0;
}
.linkitem {height:auto;}
@media screen and (min-width: 800px) {
  .packery-wrapper {
    margin: 5rem 0;
  }
  .linkitem {
    height:fit-content;
  }
}
.item {
  border-radius: 67px;

  color: white;
  opacity:1;
  overflow: hidden;
  border: 0.2rem solid var(--color-apg-grey);
}
.grid {
  background: var(--color-apg-grey);
}
.item {
  width: calc(1/12*100%);
}
.item-bg-red {
  background-color: var(--color-apg-red);
}
.item-bg-blue {
  background-color: var(--color-apg-blue);
}
.item-bg-lightblue {
  background-color: var(--color-apg-lightblue);
}
.item-bg-yellow {
  background-color: var(--color-apg-yellow);
}
.item {
  width: 100%;
}
.fillitem {
  display: none;
}

@media screen and (min-width: 1020px) {
  .fillitem {
    display: block;
  }
  .grid-sizer, .item {
    height: 200px;
  }
  .item.item-h-1 {
    height: 200px;
  }
  .item.item-h-2 {
    height: 400px;
  }
  .item.item-h-3 {
    height: 600px;
  }
  .item.item-h-4 {
    height: 800px;
  }
  .item.item-h-5 {
    height: 1000px;
  }

  .item.item-w-2 {
    width: calc(2/12*100%);
  }
  .item.item-w-3 {
    width: calc(3/12*100%);
  }
  .item.item-w-4 {
    width: calc(4/12*100%);
  }
  .item.item-w-5 {
    width: calc(5/12*100%);
  }
  .item.item-w-6 {
    width: calc(6/12*100%);
  }
  .item.item-w-7 {
    width: calc(7/12*100%);
  }
  .item.item-w-8 {
    width: calc(8/12*100%);
  }
  .item.item-w-9 {
    width: calc(9/12*100%);
  }
  .item.item-w-10 {
    width: calc(10/12*100%);
  }
  .item.item-w-11 {
    width: calc(11/12*100%);
  }
  .item.item-w-12 {
    width: calc(12/12*100%);
  }
}
.grid:after {
  content: " ";
  display: block;
  clear: both;
}*/
.grid-container {
  position: relative;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: minmax(100px, max-content);
  margin: 40px;
  /* grid-auto-flow: dense; */
  grid-gap: 10px;
}
.grid-container .box {
  color: white;
  opacity: 1;
  /* padding: 20px; */
  display: grid;
  /* font-size: 20px; */
  border-radius: 67px;
  place-items: center;
  text-align: center;
  color: #fff;
}
.grid-container .box.w-1 {
  grid-column: span 1;
}
.grid-container .box.h-1 {
  grid-row: span 1;
}
.grid-container .box.w-2 {
  grid-column: span 2;
}
.grid-container .box.h-2 {
  grid-row: span 2;
}
.grid-container .box.w-3 {
  grid-column: span 3;
}
.grid-container .box.h-3 {
  grid-row: span 3;
}
.grid-container .box.w-4 {
  grid-column: span 4;
}
.grid-container .box.h-4 {
  grid-row: span 4;
}
.grid-container .box.w-5 {
  grid-column: span 5;
}
.grid-container .box.h-5 {
  grid-row: span 5;
}
.grid-container .box.w-6 {
  grid-column: span 6;
}
.grid-container .box.h-6 {
  grid-row: span 6;
}
.grid-container .box.w-7 {
  grid-column: span 7;
}
.grid-container .box.h-7 {
  grid-row: span 7;
}
.grid-container .box.w-8 {
  grid-column: span 8;
}
.grid-container .box.h-8 {
  grid-row: span 8;
}
.grid-container .box.w-9 {
  grid-column: span 9;
}
.grid-container .box.h-9 {
  grid-row: span 9;
}
.grid-container .box.w-10 {
  grid-column: span 10;
}
.grid-container .box.h-10 {
  grid-row: span 10;
}
.grid-container .box.w-11 {
  grid-column: span 11;
}
.grid-container .box.h-11 {
  grid-row: span 11;
}
.grid-container .box.w-12 {
  grid-column: span 12;
}
.grid-container .box.h-12 {
  grid-row: span 12;
}
@media (max-width: 991px) {
  .grid-container {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    grid-template-rows: minmax(auto, auto);
  }
  .grid-container .box {
    grid-column: unset !important;
    grid-row: unset !important;
  }
}
.grid-container {
  margin: 2.5rem 0;
}
@media screen and (min-width: 800px) {
  .grid-container {
    margin: 5rem 0;
  }
}
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:template-grid] [102.1894] DESIGN*/
/*******************************************************************/
/* 0.3 D>D */
/* db 142 */
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:template-grid] [102.1894] DESIGN*/
/*******************************************************************/
/* 0.3 D>D */
/* db 204 */

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:template-grid] [102.1894] DESIGN*/
/*******************************************************************/
/* 0.3 D>D */
/* db 159 */