/* .grid_wrapper { display: grid; } */
/* .grid_item { position: relative; } */
.columns-1 { grid-template-columns: repeat(1, 1fr); }
.columns-2 { grid-template-columns: repeat(2, 1fr); }
.columns-3 { grid-template-columns: repeat(3, 1fr); }
.columns-4 { grid-template-columns: repeat(4, 1fr); }
.columns-5 { grid-template-columns: repeat(5, 1fr); }
.columns-6 { grid-template-columns: repeat(6, 1fr); }
.columns-7 { grid-template-columns: repeat(7, 1fr); }
.columns-8 { grid-template-columns: repeat(8, 1fr); }
.columns-9 { grid-template-columns: repeat(9, 1fr); }
.columns-10 { grid-template-columns: repeat(10, 1fr); }
.columns-11 { grid-template-columns: repeat(11, 1fr); }
.columns-12 { grid-template-columns: repeat(12, 1fr); }


.rowflow-2-xs, 
.rowflow-3-xs, 
.rowflow-4-xs, 
.rowflow-5-xs, 
.rowflow-6-xs, 
.rowflow-7-xs, 
.rowflow-8-xs, 
.rowflow-9-xs, 
.rowflow-10-xs  { 
  grid-template-rows: repeat(1, 1fr); grid-auto-flow: row; 
}
@media (min-width: 576px) { 
  .rowflow-2-sm  { grid-template-rows: repeat(2, 1fr); grid-auto-flow: column; }
  .rowflow-3-sm  { grid-template-rows: repeat(3, 1fr); grid-auto-flow: column; }
  .rowflow-4-sm  { grid-template-rows: repeat(4, 1fr); grid-auto-flow: column; }
  .rowflow-5-sm  { grid-template-rows: repeat(5, 1fr); grid-auto-flow: column; }
  .rowflow-6-sm  { grid-template-rows: repeat(6, 1fr); grid-auto-flow: column; }
  .rowflow-7-sm  { grid-template-rows: repeat(7, 1fr); grid-auto-flow: column; }
  .rowflow-8-sm  { grid-template-rows: repeat(8, 1fr); grid-auto-flow: column; }
  .rowflow-9-sm  { grid-template-rows: repeat(9, 1fr); grid-auto-flow: column; }
  .rowflow-10-sm { grid-template-rows: repeat(10, 1fr); grid-auto-flow: column;}
}
@media (min-width: 768px) { 
  .rowflow-2-md  { grid-template-rows: repeat(2, 1fr); grid-auto-flow: column; }
  .rowflow-3-md  { grid-template-rows: repeat(3, 1fr); grid-auto-flow: column; }
  .rowflow-4-md  { grid-template-rows: repeat(4, 1fr); grid-auto-flow: column; }
  .rowflow-5-md  { grid-template-rows: repeat(5, 1fr); grid-auto-flow: column; }
  .rowflow-6-md  { grid-template-rows: repeat(6, 1fr); grid-auto-flow: column; }
  .rowflow-7-md  { grid-template-rows: repeat(7, 1fr); grid-auto-flow: column; }
  .rowflow-8-md  { grid-template-rows: repeat(8, 1fr); grid-auto-flow: column; }
  .rowflow-9-md  { grid-template-rows: repeat(9, 1fr); grid-auto-flow: column; }
  .rowflow-10-md { grid-template-rows: repeat(10, 1fr); grid-auto-flow: column;}
}
@media (min-width: 992px) { 
  .rowflow-2-lg  { grid-template-rows: repeat(2, 1fr); grid-auto-flow: column; }
  .rowflow-3-lg  { grid-template-rows: repeat(3, 1fr); grid-auto-flow: column; }
  .rowflow-4-lg  { grid-template-rows: repeat(4, 1fr); grid-auto-flow: column; }
  .rowflow-5-lg  { grid-template-rows: repeat(5, 1fr); grid-auto-flow: column; }
  .rowflow-6-lg  { grid-template-rows: repeat(6, 1fr); grid-auto-flow: column; }
  .rowflow-7-lg  { grid-template-rows: repeat(7, 1fr); grid-auto-flow: column; }
  .rowflow-8-lg  { grid-template-rows: repeat(8, 1fr); grid-auto-flow: column; }
  .rowflow-9-lg  { grid-template-rows: repeat(9, 1fr); grid-auto-flow: column; }
  .rowflow-10-lg { grid-template-rows: repeat(10, 1fr); grid-auto-flow: column;}
}
@media (min-width: 1200px) { 
  .rowflow-2-xl  { grid-template-rows: repeat(2, 1fr); grid-auto-flow: column; }
  .rowflow-3-xl  { grid-template-rows: repeat(3, 1fr); grid-auto-flow: column; }
  .rowflow-4-xl  { grid-template-rows: repeat(4, 1fr); grid-auto-flow: column; }
  .rowflow-5-xl  { grid-template-rows: repeat(5, 1fr); grid-auto-flow: column; }
  .rowflow-6-xl  { grid-template-rows: repeat(6, 1fr); grid-auto-flow: column; }
  .rowflow-7-xl  { grid-template-rows: repeat(7, 1fr); grid-auto-flow: column; }
  .rowflow-8-xl  { grid-template-rows: repeat(8, 1fr); grid-auto-flow: column; }
  .rowflow-9-xl  { grid-template-rows: repeat(9, 1fr); grid-auto-flow: column; }
  .rowflow-10-xl { grid-template-rows: repeat(10, 1fr); grid-auto-flow: column;}
}
@media (min-width: 1400px) {  
  .rowflow-2-xxl  { grid-template-rows: repeat(2, 1fr); grid-auto-flow: column; }
  .rowflow-3-xxl  { grid-template-rows: repeat(3, 1fr); grid-auto-flow: column; }
  .rowflow-4-xxl  { grid-template-rows: repeat(4, 1fr); grid-auto-flow: column; }
  .rowflow-5-xxl  { grid-template-rows: repeat(5, 1fr); grid-auto-flow: column; }
  .rowflow-6-xxl  { grid-template-rows: repeat(6, 1fr); grid-auto-flow: column; }
  .rowflow-7-xxl  { grid-template-rows: repeat(7, 1fr); grid-auto-flow: column; }
  .rowflow-8-xxl  { grid-template-rows: repeat(8, 1fr); grid-auto-flow: column; }
  .rowflow-9-xxl  { grid-template-rows: repeat(9, 1fr); grid-auto-flow: column; }
  .rowflow-10-xxl { grid-template-rows: repeat(10, 1fr); grid-auto-flow: column;}
  }


/* .flex_wrapper { display: flex; } */
.flex_col_2 { flex: 0 0 100%; }
.flex_col_3 { flex: 0 0 100%; }
.flex_col_4 { flex: 0 0 100%; }
.flex_col_5 { flex: 0 0 100%; }

  @media (min-width: 576px) { 
    .flex_col_2 { flex: 0 0 100%; }
    .flex_col_3 { flex: 0 0 100%; }
    .flex_col_4 { flex: 0 0 100%; }
    .flex_col_5 { flex: 0 0 100%; }
  }
  @media (min-width: 768px) { 
    .flex_col_2 { flex: 0 0 49%; }
    .flex_col_3 { flex: 0 0 49%; }
    .flex_col_4 { flex: 0 0 49%; }
    .flex_col_5 { flex: 0 0 49%; }
  }
  @media (min-width: 992px) { 
    .flex_col_2 { flex: 0 0 49%; }
    .flex_col_3 { flex: 0 0 49%; }
    .flex_col_4 { flex: 0 0 49%; }
    .flex_col_5 { flex: 0 0 30%; }
  }
  @media (min-width: 1200px) { 
    .flex_col_2 { flex: 0 0 49%; }
    .flex_col_3 { flex: 0 0 30.6666%; }
    .flex_col_4 { flex: 0 0 24%; }
    .flex_col_5 { flex: 0 0 24%; }
  }
  @media (min-width: 1400px) {  
    .flex_col_2 { flex: 0 0 49%; }
    .flex_col_3 { flex: 0 0 30.6666%; }
    .flex_col_4 { flex: 0 0 24%; }
    .flex_col_5 { flex: 0 0 19%; }
  }
  

.gallery__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; 
}


.column-image-wrapper {
  overflow: hidden;
  margin-top: calc(var( --size-1 ) * 0.3);
  margin-bottom: calc(var( --size-1 ) * 0.3);
}
a.column--image .column-image {
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a.column--image:hover .column-image {
  transform: scale(1.1);
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


.justify-items-start { justify-items: start!important; }
.justify-items-center { justify-items: center!important; }
.justify-items-end { justify-items: end!important; }

/* ! */
.align-content-start { align-content: start!important; }
.align-content-center { align-content: center!important; }
.align-content-end { align-content: end!important; }

.justify-content-start { justify-content: start!important; }
.justify-content-center { justify-content: center!important; }
.justify-content-end { justify-content: end!important; }
.justify-content-between { justify-content: space-between!important; }

.align-items-start { align-items: start!important; }
.align-items-center { align-items: center!important; }
.align-items-end { align-items: end!important; }

.align-self-start { align-self: start!important; }
.align-self-center { align-self: center!important; }
.align-self-end { align-self: end!important; }

.justify-self-start { justify-self: start!important; }
.justify-self-center { justify-self: center!important; }
.justify-self-end { justify-self: end!important; }

.content-justify-start { display:flex;justify-content: start!important; }
.content-justify-center { display:flex;justify-content: center!important; }
.content-justify-end { display:flex;justify-content: end!important; }

.content-align-start { display:flex;align-items: start!important; }
.content-align-center { display:flex;align-items: center!important; }
.content-align-end { display:flex;align-items: end!important; }

.grow-equal-height {grid-auto-rows: 1fr;}


.vh_100 {height:100vh;}
.vh_90  {height:90vh;}
.vh_80  {height:80vh;}
.vh_75  {height:75vh;}
.vh_60  {height:60vh;}
.vh_50  {height:50vh;}


@media (max-width: 575px) { 
}
@media (max-width: 767px) { 
}
@media (max-width: 991px) { 
}
@media (max-width: 1199px) { 
}
@media (max-width: 1407px) { 
}
@media (min-width: 1408px) {  
}

.glayer10  { z-index: 10; }
.glayer20  { z-index: 20; }
.glayer30  { z-index: 30; }
.glayer40  { z-index: 40; }
.glayer50  { z-index: 50; }
.glayer60  { z-index: 60; }
.glayer70  { z-index: 70; }
.glayer80  { z-index: 80; }
.glayer90  { z-index: 90; }
.glayer100 { z-index: 100; }

.grid-columns--fit { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }

.columns_xs-1  { grid-template-columns: repeat(1, 1fr); }
.columns_xs-2  { grid-template-columns: repeat(2, 1fr); }
.columns_xs-3  { grid-template-columns: repeat(3, 1fr); }
.columns_xs-4  { grid-template-columns: repeat(4, 1fr); }
.columns_xs-5  { grid-template-columns: repeat(5, 1fr); }
.columns_xs-6  { grid-template-columns: repeat(6, 1fr); }
.columns_xs-7  { grid-template-columns: repeat(7, 1fr); }
.columns_xs-8  { grid-template-columns: repeat(8, 1fr); }
.columns_xs-9  { grid-template-columns: repeat(9, 1fr); }
.columns_xs-10 { grid-template-columns: repeat(10, 1fr); }
.columns_xs-11 { grid-template-columns: repeat(11, 1fr); }
.columns_xs-12 { grid-template-columns: repeat(12, 1fr); }
.columns_xs_auto-1  { grid-template-columns: repeat(1, auto); }
.columns_xs_auto-2  { grid-template-columns: repeat(2, auto); }
.columns_xs_auto-3  { grid-template-columns: repeat(3, auto); }
.columns_xs_auto-4  { grid-template-columns: repeat(4, auto); }
.columns_xs_auto-5  { grid-template-columns: repeat(5, auto); }
.columns_xs_auto-6  { grid-template-columns: repeat(6, auto); }
.columns_xs_auto-7  { grid-template-columns: repeat(7, auto); }
.columns_xs_auto-8  { grid-template-columns: repeat(8, auto); }
.columns_xs_auto-9  { grid-template-columns: repeat(9, auto); }
.columns_xs_auto-10 { grid-template-columns: repeat(10, auto); }
.columns_xs_auto-11 { grid-template-columns: repeat(11, auto); }
.columns_xs_auto-12 { grid-template-columns: repeat(12, auto); }
.grow_xs-1  { grid-template-rows: 1 }
.grow_xs-2  { grid-template-rows: 2 }
.grow_xs-3  { grid-template-rows: 3 }
.grow_xs-4  { grid-template-rows: 4 }
.grow_xs-5  { grid-template-rows: 5 }
.grow_xs-6  { grid-template-rows: 6 }
.grow_xs-7  { grid-template-rows: 7 }
.grow_xs-8  { grid-template-rows: 8 }
.grow_xs-9  { grid-template-rows: 9 }
.grow_xs-10 { grid-template-rows: 10 }
.grow_xs-11 { grid-template-rows: 11 }
.grow_xs-12 { grid-template-rows: 12 }
.grow_xs-13 { grid-template-rows: 13 }
.grow_xs-14 { grid-template-rows: 14 }
.grow_xs-15 { grid-template-rows: 15 }
.grow_xs-16 { grid-template-rows: 16 }

.gcs-xs-1  { grid-column-start: 1; }
.gcs-xs-2  { grid-column-start: 2; }
.gcs-xs-3  { grid-column-start: 3; }
.gcs-xs-4  { grid-column-start: 4; }
.gcs-xs-5  { grid-column-start: 5; }
.gcs-xs-6  { grid-column-start: 6; }
.gcs-xs-7  { grid-column-start: 7; }
.gcs-xs-8  { grid-column-start: 8; }
.gcs-xs-9  { grid-column-start: 9; }
.gcs-xs-10 { grid-column-start: 10; }
.gcs-xs-11 { grid-column-start: 11; }
.gcs-xs-12 { grid-column-start: 12; }
.gcs-xs-13 { grid-column-start: 13; }
.gcs-xs-14 { grid-column-start: 14; }
.gcs-xs-15 { grid-column-start: 15; }
.gcs-xs-16 { grid-column-start: 16; }
.gce-xs-1  { grid-column-end: 1; }
.gce-xs-2  { grid-column-end: 2; }
.gce-xs-3  { grid-column-end: 3; }
.gce-xs-4  { grid-column-end: 4; }
.gce-xs-5  { grid-column-end: 5; }
.gce-xs-6  { grid-column-end: 6; }
.gce-xs-7  { grid-column-end: 7; }
.gce-xs-8  { grid-column-end: 8; }
.gce-xs-9  { grid-column-end: 9; }
.gce-xs-10 { grid-column-end: 10; }
.gce-xs-11 { grid-column-end: 11; }
.gce-xs-12 { grid-column-end: 12; }
.gce-xs-13 { grid-column-end: 13; }
.gce-xs-14 { grid-column-end: 14; }
.gce-xs-15 { grid-column-end: 15; }
.gce-xs-16 { grid-column-end: 16; }
.gce-xs-17 { grid-column-end: 17; }
.grs-xs-1  { grid-row-start: 1; }
.grs-xs-2  { grid-row-start: 2; }
.grs-xs-3  { grid-row-start: 3; }
.grs-xs-4  { grid-row-start: 4; }
.grs-xs-5  { grid-row-start: 5; }
.grs-xs-6  { grid-row-start: 6; }
.grs-xs-7  { grid-row-start: 7; }
.grs-xs-8  { grid-row-start: 8; }
.grs-xs-9  { grid-row-start: 9; }
.grs-xs-10 { grid-row-start: 10; }
.grs-xs-11 { grid-row-start: 11; }
.grs-xs-12 { grid-row-start: 12; }
.gre-xs-1  { grid-row-end: 1; }
.gre-xs-2  { grid-row-end: 2; }
.gre-xs-3  { grid-row-end: 3; }
.gre-xs-4  { grid-row-end: 4; }
.gre-xs-5  { grid-row-end: 5; }
.gre-xs-6  { grid-row-end: 6; }
.gre-xs-7  { grid-row-end: 7; }
.gre-xs-8  { grid-row-end: 8; }
.gre-xs-9  { grid-row-end: 9; }
.gre-xs-10 { grid-row-end: 10; }
.gre-xs-11 { grid-row-end: 11; }
.gre-xs-12 { grid-row-end: 12; }
.gre-xs-13 { grid-row-end: 13; }
.gcsp-xs-1  { grid-column: span 1; }
.gcsp-xs-2  { grid-column: span 2; }
.gcsp-xs-3  { grid-column: span 3; }
.gcsp-xs-4  { grid-column: span 4; }
.gcsp-xs-5  { grid-column: span 5; }
.gcsp-xs-6  { grid-column: span 6; }
.gcsp-xs-7  { grid-column: span 7; }
.gcsp-xs-8  { grid-column: span 8; }
.gcsp-xs-9  { grid-column: span 9; }
.gcsp-xs-10 { grid-column: span 10; }
.gcsp-xs-11 { grid-column: span 11; }
.gcsp-xs-12 { grid-column: 1/-1; }


@media (min-width: 576px) { 
  .columns_sm-1  { grid-template-columns: repeat(1, 1fr); }
  .columns_sm-2  { grid-template-columns: repeat(2, 1fr); }
  .columns_sm-3  { grid-template-columns: repeat(3, 1fr); }
  .columns_sm-4  { grid-template-columns: repeat(4, 1fr); }
  .columns_sm-5  { grid-template-columns: repeat(5, 1fr); }
  .columns_sm-6  { grid-template-columns: repeat(6, 1fr); }
  .columns_sm-7  { grid-template-columns: repeat(7, 1fr); }
  .columns_sm-8  { grid-template-columns: repeat(8, 1fr); }
  .columns_sm-9  { grid-template-columns: repeat(9, 1fr); }
  .columns_sm-10 { grid-template-columns: repeat(10, 1fr); }
  .columns_sm-11 { grid-template-columns: repeat(11, 1fr); }
  .columns_sm-12 { grid-template-columns: repeat(12, 1fr); }
  .columns_sm_auto-1  { grid-template-columns: repeat(1, auto); }
  .columns_sm_auto-2  { grid-template-columns: repeat(2, auto); }
  .columns_sm_auto-3  { grid-template-columns: repeat(3, auto); }
  .columns_sm_auto-4  { grid-template-columns: repeat(4, auto); }
  .columns_sm_auto-5  { grid-template-columns: repeat(5, auto); }
  .columns_sm_auto-6  { grid-template-columns: repeat(6, auto); }
  .columns_sm_auto-7  { grid-template-columns: repeat(7, auto); }
  .columns_sm_auto-8  { grid-template-columns: repeat(8, auto); }
  .columns_sm_auto-9  { grid-template-columns: repeat(9, auto); }
  .columns_sm_auto-10 { grid-template-columns: repeat(10, auto); }
  .columns_sm_auto-11 { grid-template-columns: repeat(11, auto); }
  .columns_sm_auto-12 { grid-template-columns: repeat(12, auto); }
  .grow_sm-1  { grid-template-rows: 1 }
  .grow_sm-2  { grid-template-rows: 2 }
  .grow_sm-3  { grid-template-rows: 3 }
  .grow_sm-4  { grid-template-rows: 4 }
  .grow_sm-5  { grid-template-rows: 5 }
  .grow_sm-6  { grid-template-rows: 6 }
  .grow_sm-7  { grid-template-rows: 7 }
  .grow_sm-8  { grid-template-rows: 8 }
  .grow_sm-9  { grid-template-rows: 9 }
  .grow_sm-10 { grid-template-rows: 10 }
  .grow_sm-11 { grid-template-rows: 11 }
  .grow_sm-12 { grid-template-rows: 12 }
  .grow_sm-13 { grid-template-rows: 13 }
  .grow_sm-14 { grid-template-rows: 14 }
  .grow_sm-15 { grid-template-rows: 15 }
  .grow_sm-16 { grid-template-rows: 16 }

  .gcs-sm-1  { grid-column-start: 1; }
  .gcs-sm-2  { grid-column-start: 2; }
  .gcs-sm-3  { grid-column-start: 3; }
  .gcs-sm-4  { grid-column-start: 4; }
  .gcs-sm-5  { grid-column-start: 5; }
  .gcs-sm-6  { grid-column-start: 6; }
  .gcs-sm-7  { grid-column-start: 7; }
  .gcs-sm-8  { grid-column-start: 8; }
  .gcs-sm-9  { grid-column-start: 9; }
  .gcs-sm-10 { grid-column-start: 10; }
  .gcs-sm-11 { grid-column-start: 11; }
  .gcs-sm-12 { grid-column-start: 12; }
  .gce-sm-1  { grid-column-end: 1; }
  .gce-sm-2  { grid-column-end: 2; }
  .gce-sm-3  { grid-column-end: 3; }
  .gce-sm-4  { grid-column-end: 4; }
  .gce-sm-5  { grid-column-end: 5; }
  .gce-sm-6  { grid-column-end: 6; }
  .gce-sm-7  { grid-column-end: 7; }
  .gce-sm-8  { grid-column-end: 8; }
  .gce-sm-9  { grid-column-end: 9; }
  .gce-sm-10 { grid-column-end: 10; }
  .gce-sm-11 { grid-column-end: 11; }
  .gce-sm-12 { grid-column-end: 12; }
  .gce-sm-13 { grid-column-end: 13; }
  .grs-sm-1  { grid-row-start: 1; }
  .grs-sm-2  { grid-row-start: 2; }
  .grs-sm-3  { grid-row-start: 3; }
  .grs-sm-4  { grid-row-start: 4; }
  .grs-sm-5  { grid-row-start: 5; }
  .grs-sm-6  { grid-row-start: 6; }
  .grs-sm-7  { grid-row-start: 7; }
  .grs-sm-8  { grid-row-start: 8; }
  .grs-sm-9  { grid-row-start: 9; }
  .grs-sm-10 { grid-row-start: 10; }
  .grs-sm-11 { grid-row-start: 11; }
  .grs-sm-12 { grid-row-start: 12; }
  .grs-sm-13 { grid-row-start: 13; }
  .grs-sm-14 { grid-row-start: 14; }
  .grs-sm-15 { grid-row-start: 15; }
  .grs-sm-16 { grid-row-start: 16; }
  .gre-sm-1  { grid-row-end: 1; }
  .gre-sm-2  { grid-row-end: 2; }
  .gre-sm-3  { grid-row-end: 3; }
  .gre-sm-4  { grid-row-end: 4; }
  .gre-sm-5  { grid-row-end: 5; }
  .gre-sm-6  { grid-row-end: 6; }
  .gre-sm-7  { grid-row-end: 7; }
  .gre-sm-8  { grid-row-end: 8; }
  .gre-sm-9  { grid-row-end: 9; }
  .gre-sm-10 { grid-row-end: 10; }
  .gre-sm-11 { grid-row-end: 11; }
  .gre-sm-12 { grid-row-end: 12; }
  .gre-sm-13 { grid-row-end: 13; }
  .gre-sm-14 { grid-row-end: 14; }
  .gre-sm-15 { grid-row-end: 15; }
  .gre-sm-16 { grid-row-end: 16; }
  .gre-sm-17 { grid-row-end: 17; }
  .gcsp-sm-1  { grid-column: span 1; }
  .gcsp-sm-2  { grid-column: span 2; }
  .gcsp-sm-3  { grid-column: span 3; }
  .gcsp-sm-4  { grid-column: span 4; }
  .gcsp-sm-5  { grid-column: span 5; }
  .gcsp-sm-6  { grid-column: span 6; }
  .gcsp-sm-7  { grid-column: span 7; }
  .gcsp-sm-8  { grid-column: span 8; }
  .gcsp-sm-9  { grid-column: span 9; }
  .gcsp-sm-10 { grid-column: span 10; }
  .gcsp-sm-11 { grid-column: span 11; }
  .gcsp-sm-12 { grid-column: 1/-1; }
  
}

@media (min-width: 768px) { 
  .columns_md-1  { grid-template-columns: repeat(1, 1fr); }
  .columns_md-2  { grid-template-columns: repeat(2, 1fr); }
  .columns_md-3  { grid-template-columns: repeat(3, 1fr); }
  .columns_md-4  { grid-template-columns: repeat(4, 1fr); }
  .columns_md-5  { grid-template-columns: repeat(5, 1fr); }
  .columns_md-6  { grid-template-columns: repeat(6, 1fr); }
  .columns_md-7  { grid-template-columns: repeat(7, 1fr); }
  .columns_md-8  { grid-template-columns: repeat(8, 1fr); }
  .columns_md-9  { grid-template-columns: repeat(9, 1fr); }
  .columns_md-10 { grid-template-columns: repeat(10, 1fr); }
  .columns_md-11 { grid-template-columns: repeat(11, 1fr); }
  .columns_md-12 { grid-template-columns: repeat(12, 1fr); }
  .columns_md_auto-1  { grid-template-columns: repeat(1, auto); }
  .columns_md_auto-2  { grid-template-columns: repeat(2, auto); }
  .columns_md_auto-3  { grid-template-columns: repeat(3, auto); }
  .columns_md_auto-4  { grid-template-columns: repeat(4, auto); }
  .columns_md_auto-5  { grid-template-columns: repeat(5, auto); }
  .columns_md_auto-6  { grid-template-columns: repeat(6, auto); }
  .columns_md_auto-7  { grid-template-columns: repeat(7, auto); }
  .columns_md_auto-8  { grid-template-columns: repeat(8, auto); }
  .columns_md_auto-9  { grid-template-columns: repeat(9, auto); }
  .columns_md_auto-10 { grid-template-columns: repeat(10, auto); }
  .columns_md_auto-11 { grid-template-columns: repeat(11, auto); }
  .columns_md_auto-12 { grid-template-columns: repeat(12, auto); }
  .grow_md-1  { grid-template-rows: 1 }
  .grow_md-2  { grid-template-rows: 2 }
  .grow_md-3  { grid-template-rows: 3 }
  .grow_md-4  { grid-template-rows: 4 }
  .grow_md-5  { grid-template-rows: 5 }
  .grow_md-6  { grid-template-rows: 6 }
  .grow_md-7  { grid-template-rows: 7 }
  .grow_md-8  { grid-template-rows: 8 }
  .grow_md-9  { grid-template-rows: 9 }
  .grow_md-10 { grid-template-rows: 10 }
  .grow_md-11 { grid-template-rows: 11 }
  .grow_md-12 { grid-template-rows: 12 }
  .grow_md-13 { grid-template-rows: 13 }
  .grow_md-14 { grid-template-rows: 14 }
  .grow_md-15 { grid-template-rows: 15 }
  .grow_md-16 { grid-template-rows: 16 }

  .gcs-md-1  { grid-column-start: 1; }
  .gcs-md-2  { grid-column-start: 2; }
  .gcs-md-3  { grid-column-start: 3; }
  .gcs-md-4  { grid-column-start: 4; }
  .gcs-md-5  { grid-column-start: 5; }
  .gcs-md-6  { grid-column-start: 6; }
  .gcs-md-7  { grid-column-start: 7; }
  .gcs-md-8  { grid-column-start: 8; }
  .gcs-md-9  { grid-column-start: 9; }
  .gcs-md-10 { grid-column-start: 10; }
  .gcs-md-11 { grid-column-start: 11; }
  .gcs-md-12 { grid-column-start: 12; }
  .gce-md-1  { grid-column-end: 1; }
  .gce-md-2  { grid-column-end: 2; }
  .gce-md-3  { grid-column-end: 3; }
  .gce-md-4  { grid-column-end: 4; }
  .gce-md-5  { grid-column-end: 5; }
  .gce-md-6  { grid-column-end: 6; }
  .gce-md-7  { grid-column-end: 7; }
  .gce-md-8  { grid-column-end: 8; }
  .gce-md-9  { grid-column-end: 9; }
  .gce-md-10 { grid-column-end: 10; }
  .gce-md-11 { grid-column-end: 11; }
  .gce-md-12 { grid-column-end: 12; }
  .gce-md-13 { grid-column-end: 13; }
  .grs-md-1  { grid-row-start: 1; }
  .grs-md-2  { grid-row-start: 2; }
  .grs-md-3  { grid-row-start: 3; }
  .grs-md-4  { grid-row-start: 4; }
  .grs-md-5  { grid-row-start: 5; }
  .grs-md-6  { grid-row-start: 6; }
  .grs-md-7  { grid-row-start: 7; }
  .grs-md-8  { grid-row-start: 8; }
  .grs-md-9  { grid-row-start: 9; }
  .grs-md-10 { grid-row-start: 10; }
  .grs-md-11 { grid-row-start: 11; }
  .grs-md-12 { grid-row-start: 12; }
  .grs-md-13 { grid-row-start: 13; }
  .grs-md-14 { grid-row-start: 14; }
  .grs-md-15 { grid-row-start: 15; }
  .grs-md-16 { grid-row-start: 16; }
  .gre-md-1  { grid-row-end: 1; }
  .gre-md-2  { grid-row-end: 2; }
  .gre-md-3  { grid-row-end: 3; }
  .gre-md-4  { grid-row-end: 4; }
  .gre-md-5  { grid-row-end: 5; }
  .gre-md-6  { grid-row-end: 6; }
  .gre-md-7  { grid-row-end: 7; }
  .gre-md-8  { grid-row-end: 8; }
  .gre-md-9  { grid-row-end: 9; }
  .gre-md-10 { grid-row-end: 10; }
  .gre-md-11 { grid-row-end: 11; }
  .gre-md-12 { grid-row-end: 12; }
  .gre-md-13 { grid-row-end: 13; }
  .gre-md-14 { grid-row-end: 14; }
  .gre-md-15 { grid-row-end: 15; }
  .gre-md-16 { grid-row-end: 16; }
  .gre-md-17 { grid-row-end: 17; }
  .gcsp-md-1  { grid-column: span 1; }
  .gcsp-md-2  { grid-column: span 2; }
  .gcsp-md-3  { grid-column: span 3; }
  .gcsp-md-4  { grid-column: span 4; }
  .gcsp-md-5  { grid-column: span 5; }
  .gcsp-md-6  { grid-column: span 6; }
  .gcsp-md-7  { grid-column: span 7; }
  .gcsp-md-8  { grid-column: span 8; }
  .gcsp-md-9  { grid-column: span 9; }
  .gcsp-md-10 { grid-column: span 10; }
  .gcsp-md-11 { grid-column: span 11; }
  .gcsp-md-12 { grid-column: 1/-1; }
  
}

@media (min-width: 992px) { 
  .columns_lg-1  { grid-template-columns: repeat(1, 1fr); }
  .columns_lg-2  { grid-template-columns: repeat(2, 1fr); }
  .columns_lg-3  { grid-template-columns: repeat(3, 1fr); }
  .columns_lg-4  { grid-template-columns: repeat(4, 1fr); }
  .columns_lg-5  { grid-template-columns: repeat(5, 1fr); }
  .columns_lg-6  { grid-template-columns: repeat(6, 1fr); }
  .columns_lg-7  { grid-template-columns: repeat(7, 1fr); }
  .columns_lg-8  { grid-template-columns: repeat(8, 1fr); }
  .columns_lg-9  { grid-template-columns: repeat(9, 1fr); }
  .columns_lg-10 { grid-template-columns: repeat(10, 1fr); }
  .columns_lg-11 { grid-template-columns: repeat(11, 1fr); }
  .columns_lg-12 { grid-template-columns: repeat(12, 1fr); }
  .columns_lg_auto-1  { grid-template-columns: repeat(1, auto); }
  .columns_lg_auto-2  { grid-template-columns: repeat(2, auto); }
  .columns_lg_auto-3  { grid-template-columns: repeat(3, auto); }
  .columns_lg_auto-4  { grid-template-columns: repeat(4, auto); }
  .columns_lg_auto-5  { grid-template-columns: repeat(5, auto); }
  .columns_lg_auto-6  { grid-template-columns: repeat(6, auto); }
  .columns_lg_auto-7  { grid-template-columns: repeat(7, auto); }
  .columns_lg_auto-8  { grid-template-columns: repeat(8, auto); }
  .columns_lg_auto-9  { grid-template-columns: repeat(9, auto); }
  .columns_lg_auto-10 { grid-template-columns: repeat(10, auto); }
  .columns_lg_auto-11 { grid-template-columns: repeat(11, auto); }
  .columns_lg_auto-12 { grid-template-columns: repeat(12, auto); }
  .grow_lg-1  { grid-template-rows: 1 }
  .grow_lg-2  { grid-template-rows: 2 }
  .grow_lg-3  { grid-template-rows: 3 }
  .grow_lg-4  { grid-template-rows: 4 }
  .grow_lg-5  { grid-template-rows: 5 }
  .grow_lg-6  { grid-template-rows: 6 }
  .grow_lg-7  { grid-template-rows: 7 }
  .grow_lg-8  { grid-template-rows: 8 }
  .grow_lg-9  { grid-template-rows: 9 }
  .grow_lg-10 { grid-template-rows: 10 }
  .grow_lg-11 { grid-template-rows: 11 }
  .grow_lg-12 { grid-template-rows: 12 }
  .grow_lg-13 { grid-template-rows: 13 }
  .grow_lg-14 { grid-template-rows: 14 }
  .grow_lg-15 { grid-template-rows: 15 }
  .grow_lg-16 { grid-template-rows: 16 }

  .gcs-lg-1  { grid-column-start: 1; }
  .gcs-lg-2  { grid-column-start: 2; }
  .gcs-lg-3  { grid-column-start: 3; }
  .gcs-lg-4  { grid-column-start: 4; }
  .gcs-lg-5  { grid-column-start: 5; }
  .gcs-lg-6  { grid-column-start: 6; }
  .gcs-lg-7  { grid-column-start: 7; }
  .gcs-lg-8  { grid-column-start: 8; }
  .gcs-lg-9  { grid-column-start: 9; }
  .gcs-lg-10 { grid-column-start: 10; }
  .gcs-lg-11 { grid-column-start: 11; }
  .gcs-lg-12 { grid-column-start: 12; }
  .gce-lg-1  { grid-column-end: 1; }
  .gce-lg-2  { grid-column-end: 2; }
  .gce-lg-3  { grid-column-end: 3; }
  .gce-lg-4  { grid-column-end: 4; }
  .gce-lg-5  { grid-column-end: 5; }
  .gce-lg-6  { grid-column-end: 6; }
  .gce-lg-7  { grid-column-end: 7; }
  .gce-lg-8  { grid-column-end: 8; }
  .gce-lg-9  { grid-column-end: 9; }
  .gce-lg-10 { grid-column-end: 10; }
  .gce-lg-11 { grid-column-end: 11; }
  .gce-lg-12 { grid-column-end: 12; }
  .gce-lg-13 { grid-column-end: 13; }
  .grs-lg-1  { grid-row-start: 1; }
  .grs-lg-2  { grid-row-start: 2; }
  .grs-lg-3  { grid-row-start: 3; }
  .grs-lg-4  { grid-row-start: 4; }
  .grs-lg-5  { grid-row-start: 5; }
  .grs-lg-6  { grid-row-start: 6; }
  .grs-lg-7  { grid-row-start: 7; }
  .grs-lg-8  { grid-row-start: 8; }
  .grs-lg-9  { grid-row-start: 9; }
  .grs-lg-10 { grid-row-start: 10; }
  .grs-lg-11 { grid-row-start: 11; }
  .grs-lg-12 { grid-row-start: 12; }
  .grs-lg-13 { grid-row-start: 13; }
  .grs-lg-14 { grid-row-start: 14; }
  .grs-lg-15 { grid-row-start: 15; }
  .grs-lg-16 { grid-row-start: 16; }
  .gre-lg-1  { grid-row-end: 1; }
  .gre-lg-2  { grid-row-end: 2; }
  .gre-lg-3  { grid-row-end: 3; }
  .gre-lg-4  { grid-row-end: 4; }
  .gre-lg-5  { grid-row-end: 5; }
  .gre-lg-6  { grid-row-end: 6; }
  .gre-lg-7  { grid-row-end: 7; }
  .gre-lg-8  { grid-row-end: 8; }
  .gre-lg-9  { grid-row-end: 9; }
  .gre-lg-10 { grid-row-end: 10; }
  .gre-lg-11 { grid-row-end: 11; }
  .gre-lg-12 { grid-row-end: 12; }
  .gre-lg-13 { grid-row-end: 13; }
  .gre-lg-14 { grid-row-end: 14; }
  .gre-lg-15 { grid-row-end: 15; }
  .gre-lg-16 { grid-row-end: 16; }
  .gre-lg-17 { grid-row-end: 17; }
  .gcsp-lg-1  { grid-column: span 1; }
  .gcsp-lg-2  { grid-column: span 2; }
  .gcsp-lg-3  { grid-column: span 3; }
  .gcsp-lg-4  { grid-column: span 4; }
  .gcsp-lg-5  { grid-column: span 5; }
  .gcsp-lg-6  { grid-column: span 6; }
  .gcsp-lg-7  { grid-column: span 7; }
  .gcsp-lg-8  { grid-column: span 8; }
  .gcsp-lg-9  { grid-column: span 9; }
  .gcsp-lg-10 { grid-column: span 10; }
  .gcsp-lg-11 { grid-column: span 11; }
  .gcsp-lg-12 { grid-column: 1/-1; }
  
}

@media (min-width: 1200px) { 
  .columns_xl-1  { grid-template-columns: repeat(1, 1fr); }
  .columns_xl-2  { grid-template-columns: repeat(2, 1fr); }
  .columns_xl-3  { grid-template-columns: repeat(3, 1fr); }
  .columns_xl-4  { grid-template-columns: repeat(4, 1fr); }
  .columns_xl-5  { grid-template-columns: repeat(5, 1fr); }
  .columns_xl-6  { grid-template-columns: repeat(6, 1fr); }
  .columns_xl-7  { grid-template-columns: repeat(7, 1fr); }
  .columns_xl-8  { grid-template-columns: repeat(8, 1fr); }
  .columns_xl-9  { grid-template-columns: repeat(9, 1fr); }
  .columns_xl-10 { grid-template-columns: repeat(10, 1fr); }
  .columns_xl-11 { grid-template-columns: repeat(11, 1fr); }
  .columns_xl-12 { grid-template-columns: repeat(12, 1fr); }
  .columns_xl_auto-1  { grid-template-columns: repeat(1, auto); }
  .columns_xl_auto-2  { grid-template-columns: repeat(2, auto); }
  .columns_xl_auto-3  { grid-template-columns: repeat(3, auto); }
  .columns_xl_auto-4  { grid-template-columns: repeat(4, auto); }
  .columns_xl_auto-5  { grid-template-columns: repeat(5, auto); }
  .columns_xl_auto-6  { grid-template-columns: repeat(6, auto); }
  .columns_xl_auto-7  { grid-template-columns: repeat(7, auto); }
  .columns_xl_auto-8  { grid-template-columns: repeat(8, auto); }
  .columns_xl_auto-9  { grid-template-columns: repeat(9, auto); }
  .columns_xl_auto-10 { grid-template-columns: repeat(10, auto); }
  .columns_xl_auto-11 { grid-template-columns: repeat(11, auto); }
  .columns_xl_auto-12 { grid-template-columns: repeat(12, auto); }
  .grow_xl-1  { grid-template-rows: 1 }
  .grow_xl-2  { grid-template-rows: 2 }
  .grow_xl-3  { grid-template-rows: 3 }
  .grow_xl-4  { grid-template-rows: 4 }
  .grow_xl-5  { grid-template-rows: 5 }
  .grow_xl-6  { grid-template-rows: 6 }
  .grow_xl-7  { grid-template-rows: 7 }
  .grow_xl-8  { grid-template-rows: 8 }
  .grow_xl-9  { grid-template-rows: 9 }
  .grow_xl-10 { grid-template-rows: 10 }
  .grow_xl-11 { grid-template-rows: 11 }
  .grow_xl-12 { grid-template-rows: 12 }
  .grow_xl-13 { grid-template-rows: 13 }
  .grow_xl-14 { grid-template-rows: 14 }
  .grow_xl-15 { grid-template-rows: 15 }
  .grow_xl-16 { grid-template-rows: 16 }

  .gcs-xl-1  { grid-column-start: 1; }
  .gcs-xl-2  { grid-column-start: 2; }
  .gcs-xl-3  { grid-column-start: 3; }
  .gcs-xl-4  { grid-column-start: 4; }
  .gcs-xl-5  { grid-column-start: 5; }
  .gcs-xl-6  { grid-column-start: 6; }
  .gcs-xl-7  { grid-column-start: 7; }
  .gcs-xl-8  { grid-column-start: 8; }
  .gcs-xl-9  { grid-column-start: 9; }
  .gcs-xl-10 { grid-column-start: 10; }
  .gcs-xl-11 { grid-column-start: 11; }
  .gcs-xl-12 { grid-column-start: 12; }
  .gce-xl-1  { grid-column-end: 1; }
  .gce-xl-2  { grid-column-end: 2; }
  .gce-xl-3  { grid-column-end: 3; }
  .gce-xl-4  { grid-column-end: 4; }
  .gce-xl-5  { grid-column-end: 5; }
  .gce-xl-6  { grid-column-end: 6; }
  .gce-xl-7  { grid-column-end: 7; }
  .gce-xl-8  { grid-column-end: 8; }
  .gce-xl-9  { grid-column-end: 9; }
  .gce-xl-10 { grid-column-end: 10; }
  .gce-xl-11 { grid-column-end: 11; }
  .gce-xl-12 { grid-column-end: 12; }
  .gce-xl-13 { grid-column-end: 13; }
  .grs-xl-1  { grid-row-start: 1; }
  .grs-xl-2  { grid-row-start: 2; }
  .grs-xl-3  { grid-row-start: 3; }
  .grs-xl-4  { grid-row-start: 4; }
  .grs-xl-5  { grid-row-start: 5; }
  .grs-xl-6  { grid-row-start: 6; }
  .grs-xl-7  { grid-row-start: 7; }
  .grs-xl-8  { grid-row-start: 8; }
  .grs-xl-9  { grid-row-start: 9; }
  .grs-xl-10 { grid-row-start: 10; }
  .grs-xl-11 { grid-row-start: 11; }
  .grs-xl-12 { grid-row-start: 12; }
  .grs-xl-13 { grid-row-start: 13; }
  .grs-xl-14 { grid-row-start: 14; }
  .grs-xl-15 { grid-row-start: 15; }
  .grs-xl-16 { grid-row-start: 16; }
  .gre-xl-1  { grid-row-end: 1; }
  .gre-xl-2  { grid-row-end: 2; }
  .gre-xl-3  { grid-row-end: 3; }
  .gre-xl-4  { grid-row-end: 4; }
  .gre-xl-5  { grid-row-end: 5; }
  .gre-xl-6  { grid-row-end: 6; }
  .gre-xl-7  { grid-row-end: 7; }
  .gre-xl-8  { grid-row-end: 8; }
  .gre-xl-9  { grid-row-end: 9; }
  .gre-xl-10 { grid-row-end: 10; }
  .gre-xl-11 { grid-row-end: 11; }
  .gre-xl-12 { grid-row-end: 12; }
  .gre-xl-13 { grid-row-end: 13; }
  .gre-xl-14 { grid-row-end: 14; }
  .gre-xl-15 { grid-row-end: 15; }
  .gre-xl-16 { grid-row-end: 16; }
  .gre-xl-17 { grid-row-end: 17; }
  .gcsp-xl-1  { grid-column: span 1; }
  .gcsp-xl-2  { grid-column: span 2; }
  .gcsp-xl-3  { grid-column: span 3; }
  .gcsp-xl-4  { grid-column: span 4; }
  .gcsp-xl-5  { grid-column: span 5; }
  .gcsp-xl-6  { grid-column: span 6; }
  .gcsp-xl-7  { grid-column: span 7; }
  .gcsp-xl-8  { grid-column: span 8; }
  .gcsp-xl-9  { grid-column: span 9; }
  .gcsp-xl-10 { grid-column: span 10; }
  .gcsp-xl-11 { grid-column: span 11; }
  .gcsp-xl-12 { grid-column: 1/-1; }
  }

@media (min-width: 1408px) {  
  .columns_xxl-1  { grid-template-columns: repeat(1, 1fr); }
  .columns_xxl-2  { grid-template-columns: repeat(2, 1fr); }
  .columns_xxl-3  { grid-template-columns: repeat(3, 1fr); }
  .columns_xxl-4  { grid-template-columns: repeat(4, 1fr); }
  .columns_xxl-5  { grid-template-columns: repeat(5, 1fr); }
  .columns_xxl-6  { grid-template-columns: repeat(6, 1fr); }
  .columns_xxl-7  { grid-template-columns: repeat(7, 1fr); }
  .columns_xxl-8  { grid-template-columns: repeat(8, 1fr); }
  .columns_xxl-9  { grid-template-columns: repeat(9, 1fr); }
  .columns_xxl-10 { grid-template-columns: repeat(10, 1fr); }
  .columns_xxl-11 { grid-template-columns: repeat(11, 1fr); }
  .columns_xxl-12 { grid-template-columns: repeat(12, 1fr); }
  .columns_xxl_auto-1  { grid-template-columns: repeat(1, auto); }
  .columns_xxl_auto-2  { grid-template-columns: repeat(2, auto); }
  .columns_xxl_auto-3  { grid-template-columns: repeat(3, auto); }
  .columns_xxl_auto-4  { grid-template-columns: repeat(4, auto); }
  .columns_xxl_auto-5  { grid-template-columns: repeat(5, auto); }
  .columns_xxl_auto-6  { grid-template-columns: repeat(6, auto); }
  .columns_xxl_auto-7  { grid-template-columns: repeat(7, auto); }
  .columns_xxl_auto-8  { grid-template-columns: repeat(8, auto); }
  .columns_xxl_auto-9  { grid-template-columns: repeat(9, auto); }
  .columns_xxl_auto-10 { grid-template-columns: repeat(10, auto); }
  .columns_xxl_auto-11 { grid-template-columns: repeat(11, auto); }
  .columns_xxl_auto-12 { grid-template-columns: repeat(12, auto); }
  .grow_xxl-1  { grid-template-rows: 1 }
  .grow_xxl-2  { grid-template-rows: 2 }
  .grow_xxl-3  { grid-template-rows: 3 }
  .grow_xxl-4  { grid-template-rows: 4 }
  .grow_xxl-5  { grid-template-rows: 5 }
  .grow_xxl-6  { grid-template-rows: 6 }
  .grow_xxl-7  { grid-template-rows: 7 }
  .grow_xxl-8  { grid-template-rows: 8 }
  .grow_xxl-9  { grid-template-rows: 9 }
  .grow_xxl-10 { grid-template-rows: 10 }
  .grow_xxl-11 { grid-template-rows: 11 }
  .grow_xxl-12 { grid-template-rows: 12 }
  .grow_xxl-13 { grid-template-rows: 13 }
  .grow_xxl-14 { grid-template-rows: 14 }
  .grow_xxl-15 { grid-template-rows: 15 }
  .grow_xxl-16 { grid-template-rows: 16 }

  .gcs-xxl-1  { grid-column-start: 1; }
  .gcs-xxl-2  { grid-column-start: 2; }
  .gcs-xxl-3  { grid-column-start: 3; }
  .gcs-xxl-4  { grid-column-start: 4; }
  .gcs-xxl-5  { grid-column-start: 5; }
  .gcs-xxl-6  { grid-column-start: 6; }
  .gcs-xxl-7  { grid-column-start: 7; }
  .gcs-xxl-8  { grid-column-start: 8; }
  .gcs-xxl-9  { grid-column-start: 9; }
  .gcs-xxl-10 { grid-column-start: 10; }
  .gcs-xxl-11 { grid-column-start: 11; }
  .gcs-xxl-12 { grid-column-start: 12; }
  .gce-xxl-1  { grid-column-end: 1; }
  .gce-xxl-2  { grid-column-end: 2; }
  .gce-xxl-3  { grid-column-end: 3; }
  .gce-xxl-4  { grid-column-end: 4; }
  .gce-xxl-5  { grid-column-end: 5; }
  .gce-xxl-6  { grid-column-end: 6; }
  .gce-xxl-7  { grid-column-end: 7; }
  .gce-xxl-8  { grid-column-end: 8; }
  .gce-xxl-9  { grid-column-end: 9; }
  .gce-xxl-10 { grid-column-end: 10; }
  .gce-xxl-11 { grid-column-end: 11; }
  .gce-xxl-12 { grid-column-end: 12; }
  .gce-xxl-13 { grid-column-end: 13; }
  .grs-xxl-1  { grid-row-start: 1; }
  .grs-xxl-2  { grid-row-start: 2; }
  .grs-xxl-3  { grid-row-start: 3; }
  .grs-xxl-4  { grid-row-start: 4; }
  .grs-xxl-5  { grid-row-start: 5; }
  .grs-xxl-6  { grid-row-start: 6; }
  .grs-xxl-7  { grid-row-start: 7; }
  .grs-xxl-8  { grid-row-start: 8; }
  .grs-xxl-9  { grid-row-start: 9; }
  .grs-xxl-10 { grid-row-start: 10; }
  .grs-xxl-11 { grid-row-start: 11; }
  .grs-xxl-12 { grid-row-start: 12; }
  .grs-xxl-13 { grid-row-start: 13; }
  .grs-xxl-14 { grid-row-start: 14; }
  .grs-xxl-15 { grid-row-start: 15; }
  .grs-xxl-16 { grid-row-start: 16; }
  .gre-xxl-1  { grid-row-end: 1; }
  .gre-xxl-2  { grid-row-end: 2; }
  .gre-xxl-3  { grid-row-end: 3; }
  .gre-xxl-4  { grid-row-end: 4; }
  .gre-xxl-5  { grid-row-end: 5; }
  .gre-xxl-6  { grid-row-end: 6; }
  .gre-xxl-7  { grid-row-end: 7; }
  .gre-xxl-8  { grid-row-end: 8; }
  .gre-xxl-9  { grid-row-end: 9; }
  .gre-xxl-10 { grid-row-end: 10; }
  .gre-xxl-11 { grid-row-end: 11; }
  .gre-xxl-12 { grid-row-end: 12; }
  .gre-xxl-13 { grid-row-end: 13; }
  .gre-xxl-14 { grid-row-end: 14; }
  .gre-xxl-15 { grid-row-end: 15; }
  .gre-xxl-16 { grid-row-end: 16; }
  .gre-xxl-17 { grid-row-end: 17; }
  .gcsp-xxl-1  { grid-column: span 1; }
  .gcsp-xxl-2  { grid-column: span 2; }
  .gcsp-xxl-3  { grid-column: span 3; }
  .gcsp-xxl-4  { grid-column: span 4; }
  .gcsp-xxl-5  { grid-column: span 5; }
  .gcsp-xxl-6  { grid-column: span 6; }
  .gcsp-xxl-7  { grid-column: span 7; }
  .gcsp-xxl-8  { grid-column: span 8; }
  .gcsp-xxl-9  { grid-column: span 9; }
  .gcsp-xxl-10 { grid-column: span 10; }
  .gcsp-xxl-11 { grid-column: span 11; }
  .gcsp-xxl-12 { grid-column: 1/-1; }
  }

@media (max-width: 575px) { 
  .hidden-xs { display:none!important; }
}
@media (max-width: 767px) { 
  .hidden-sm { display:none!important; }
}
@media (max-width: 991px) { 
  .hidden-md { display:none!important; }
}
@media (max-width: 1199px) { 
  .hidden-lg { display:none!important; }
}
@media (max-width: 1407px) { 
  .hidden-xl { display:none!important; }
}
@media (min-width: 1408px) {  
  .hidden-xxl { display:none!important; }
}

.gaf-c  { grid-auto-flow: column; }
.gaf-r  { grid-auto-flow: row; }
.gaf-d  { grid-auto-flow: dense; }
.gaf-cd { grid-auto-flow: column dense; }
.gaf-rd { grid-auto-flow: row dense; }

.gap00   { gap: 0px!important; }
.gap0125 { gap: var( --size-0125 ) }
.gap025  { gap: var( --size-025 ) }
.gap05   { gap: var( --size-05 ) }
.gap075  { gap: var( --size-075 ) }
.gap10   { gap: var( --size-1 ) }
.gap15   { gap: var( --size-1 ) }
.gap20   { gap: var( --size-1 ) }
.gap25   { gap: var( --size-1 ) }
.gap30   { gap: var( --size-1 ) }
.gap35   { gap: var( --size-1 ) }
.gap40   { gap: var( --size-1 ) }
.cgap00   { column-gap: 0px!important; }
.cgap0125 { column-gap: var( --size-0125 ) }
.cgap025  { column-gap: var( --size-025 ) }
.cgap05   { column-gap: var( --size-05 ) }
.cgap075  { column-gap: var( --size-075 ) }
.cgap10   { column-gap: var( --size-1 ) }
.cgap15   { column-gap: var( --size-1 ) }
.cgap20   { column-gap: var( --size-1 ) }
.cgap25   { column-gap: var( --size-1 ) }
.cgap30   { column-gap: var( --size-1 ) }
.cgap35   { column-gap: var( --size-1 ) }
.cgap40   { column-gap: var( --size-1 ) }
.rgap00   { row-gap: 0px!important; }
.rgap0125 { row-gap: var( --size-0125 ) }
.rgap025  { row-gap: var( --size-025 ) }
.rgap05   { row-gap: var( --size-05 ) }
.rgap075  { row-gap: var( --size-075 ) }
.rgap10   { row-gap: var( --size-1 ) }
.rgap15   { row-gap: var( --size-1 ) }
.rgap20   { row-gap: var( --size-1 ) }
.rgap25   { row-gap: var( --size-1 ) }
.rgap30   { row-gap: var( --size-1 ) }
.rgap35   { row-gap: var( --size-1 ) }
.rgap40   { row-gap: var( --size-1 ) }

@media (min-width: 767px) { 
  .gap00   { gap: 0px!important; }
  .gap0125 { gap: var( --size-0125 ) }
  .gap025  { gap: var( --size-025 ) }
  .gap05   { gap: var( --size-05 ) }
  .gap075  { gap: var( --size-075 ) }
  .gap10   { gap: var( --size-1 ) }
  .gap15   { gap: var( --size-1 ) }
  .gap20   { gap: var( --size-2 ) }
  .gap25   { gap: var( --size-2 ) }
  .gap30   { gap: var( --size-2 ) }
  .gap35   { gap: var( --size-2 ) }
  .gap40   { gap: var( --size-2 ) }
  .cgap00   { column-gap: 0px!important; }
  .cgap0125 { column-gap: var( --size-0125 ) }
  .cgap025  { column-gap: var( --size-025 ) }
  .cgap05   { column-gap: var( --size-05 ) }
  .cgap075  { column-gap: var( --size-075 ) }
  .cgap10   { column-gap: var( --size-1 ) }
  .cgap15   { column-gap: var( --size-1 ) }
  .cgap20   { column-gap: var( --size-2 ) }
  .cgap25   { column-gap: var( --size-2 ) }
  .cgap30   { column-gap: var( --size-2 ) }
  .cgap35   { column-gap: var( --size-2 ) }
  .cgap40   { column-gap: var( --size-2 ) }
  .rgap00   { row-gap: 0px!important; }
  .rgap0125 { row-gap: var( --size-0125 ) }
  .rgap025  { row-gap: var( --size-025 ) }
  .rgap05   { row-gap: var( --size-05 ) }
  .rgap075  { row-gap: var( --size-075 ) }
  .rgap10   { row-gap: var( --size-1 ) }
  .rgap15   { row-gap: var( --size-1 ) }
  .rgap20   { row-gap: var( --size-2 ) }
  .rgap25   { row-gap: var( --size-2 ) }
  .rgap30   { row-gap: var( --size-2 ) }
  .rgap35   { row-gap: var( --size-2 ) }
  .rgap40   { row-gap: var( --size-2 ) }
}

@media (min-width: 991px) { 
  .gap00   { gap: 0px!important; }
  .gap0125 { gap: var( --size-0125 ) }
  .gap025  { gap: var( --size-025 ) }
  .gap05   { gap: var( --size-05 ) }
  .gap075  { gap: var( --size-075 ) }
  .gap10   { gap: var( --size-1 ) }
  .gap15   { gap: var( --size-15 ) }
  .gap20   { gap: var( --size-2 ) }
  .gap25   { gap: var( --size-25 ) }
  .gap30   { gap: var( --size-3 ) }
  .gap35   { gap: var( --size-35 ) }
  .gap40   { gap: var( --size-4 ) }
  .cgap00   { column-gap: 0px!important; }
  .cgap0125 { column-gap: var( --size-0125 ) }
  .cgap025  { column-gap: var( --size-025 ) }
  .cgap05   { column-gap: var( --size-05 ) }
  .cgap075  { column-gap: var( --size-075 ) }
  .cgap10   { column-gap: var( --size-1 ) }
  .cgap15   { column-gap: var( --size-15 ) }
  .cgap20   { column-gap: var( --size-2 ) }
  .cgap25   { column-gap: var( --size-25 ) }
  .cgap30   { column-gap: var( --size-3 ) }
  .cgap35   { column-gap: var( --size-35 ) }
  .cgap40   { column-gap: var( --size-4 ) }
  .rgap00   { row-gap: 0px!important; }
  .rgap0125 { row-gap: var( --size-0125 ) }
  .rgap025  { row-gap: var( --size-025 ) }
  .rgap05   { row-gap: var( --size-05 ) }
  .rgap075  { row-gap: var( --size-075 ) }
  .rgap10   { row-gap: var( --size-1 ) }
  .rgap15   { row-gap: var( --size-15 ) }
  .rgap20   { row-gap: var( --size-2 ) }
  .rgap25   { row-gap: var( --size-25 ) }
  .rgap30   { row-gap: var( --size-3 ) }
  .rgap35   { row-gap: var( --size-35 ) }
  .rgap40   { row-gap: var( --size-4 ) }
  }

/* *************** */


grid_wrapper.debug > *, .grid_wrapper.debug > * {
  --color: rgba(248, 110, 91, 0.3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color)), to(var(--color)));
  background-image: linear-gradient(180deg, var(--color) 0, var(--color))
}
grid_wrapper.debug > :nth-child(6n+2),
.grid_wrapper.debug > :nth-child(6n+2) {
  --color: rgba(103, 126, 208, 0.3)
}
grid_wrapper.debug > :nth-child(6n+3),
.grid_wrapper.debug > :nth-child(6n+3) {
  --color: rgba(224, 174, 72, 0.3)
}
grid_wrapper.debug > :nth-child(6n+4),
.grid_wrapper.debug > :nth-child(6n+4) {
  --color: rgba(77, 214, 115, 0.3)
}
grid_wrapper.debug > :nth-child(6n+5),
.grid_wrapper.debug > :nth-child(6n+5) {
  --color: rgba(217, 103, 219, 0.3)
}
grid_wrapper.debug > :nth-child(6n+6),
.grid_wrapper.debug > :nth-child(6n+6) {
  --color: rgba(94, 204, 211, 0.3)
}
grid_wrapper.debug > :nth-child(6n+7),
.grid_wrapper.debug > :nth-child(6n+7) {
  --color: rgba(248, 110, 91, 0.3)
}



:root {
  --size-1: calc( var( --fontsize ) * 1 );
  --size-g12:   calc( var( --fontsize ) * 16 );
	--grid3:  calc( ( 100vw - var( --size-7 ) - ( var(--size-075) ) )  / 3 );
	--grid10: calc( ( 100vw - var( --size-7 ) - ( var(--size-075) ) )  / 10 );
	--grid12: calc( ( 100vw - var( --size-g12 ) ) / 12 );
	--grid24: calc( ( 100vw - var( --size-g12 ) ) / 24 );
	--grid36: calc( ( 100vw - var( --size-g12 ) ) / 36 );
	--grid48: calc( ( 100vw - var( --size-g12 ) ) / 48 );
}

.grid1 {
  background:
  linear-gradient(-90deg, rgba(173, 216, 230, 0.2 ) 1px, transparent 1px),
  linear-gradient(rgba(173, 216, 230, 0.2 ) 1px, transparent 1px),
  rgba(242, 242, 242, 0.0);
  background-size:
  var( --size-1 ) var( --size-1 ),
  var( --size-1 ) var( --size-1 ),
  var( --grid12 ) var( --grid12 ),
    80px 80px,
    80px 80px,
    80px 80px,
    80px 80px,
    80px 80px;
  background-color: none;
}
.grid3 {
  background-size: var( --grid3 ) 100%, 100% var( --grid3 );
  background-image: linear-gradient(to right,
                                    lightblue 0%,
                                    transparent 0.15%,
                                    transparent 100%),
                    linear-gradient(to bottom,
                                    lightblue 0%,
                                    transparent 0.15%,
                                    transparent 100%);
}
.grid12 {
  background-size: var( --grid12 ) 100%, 100% var( --grid12 );
  background-image: linear-gradient(to right,
                                    lightblue 0%,
                                    transparent 1%,
                                    transparent 100%),
                    linear-gradient(to bottom,
                                    lightblue 0%,
                                    transparent 1%,
                                    transparent 100%);
}
.grid24 {
  background-size: var( --grid24 ) 100%, 100% var( --grid24 );
  background-image: linear-gradient(to right,
                                    lightblue 0%,
                                    transparent 1%,
                                    transparent 100%),
                    linear-gradient(to bottom,
                                    lightblue 0%,
                                    transparent 1%,
                                    transparent 100%);
}
.grid36 {
  background-size: var( --grid36 ) 100%, 100% var( --grid36 );
  background-image: linear-gradient(to right,
                                    lightblue 0%,
                                    transparent 2%,
                                    transparent 100%),
                    linear-gradient(to bottom,
                                    lightblue 0%,
                                    transparent 2%,
                                    transparent 100%);
}
.grid48 {
  background-size: var( --grid48 ) 100%, 100% var( --grid48 );
  background-image: linear-gradient(to right,
                                    lightblue 0%,
                                    transparent 2%,
                                    transparent 100%),
                    linear-gradient(to bottom,
                                    lightblue 0%,
                                    transparent 2%,
                                    transparent 100%);
}

/* grid_overlay * Settings */
:root {
  --offset: 0px;
  --max_width: calc( ( 100vw - var( --size-g12 ) ) );
  --columns: 12;
  --gutter: calc( var( --fontsize ) * 1 );
  --baseline: 3rem;
  --baseline-offset: 2rem;
  --color: hsla(204, 80%, 72%, 0.25);
}
/* grid_overlay * Helper variables */
:root {
  --repeating-width: calc(100% / var(--columns));
  --column-width: calc((100% / var(--columns)) - var(--gutter));
  --background-width: calc(100% + var(--gutter));
  --background-columns: repeating-linear-gradient(
    to right,
    var(--color),
    var(--color) var(--column-width),
    transparent var(--column-width),
    transparent var(--repeating-width)
  );
  --background-baseline: repeating-linear-gradient(
    to bottom,
    var(--color),
    var(--color) 1px,
    transparent 1px,
    transparent var(--baseline)
  );
}
/* grid_overlay * Styling */
.grid_overlay {
  position: relative;
}
.grid_overlay::before {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  margin-right: auto;
  margin-left: auto;
  width: calc(100% - (2 * var(--offset)));
  max-width: var(--max_width);
  min-height: 100%;
  content: '';
  background-image: var(--background-columns), var(--background-baseline);  
  background-size: var(--background-width) 100%;
  /* background-position: 0 var(--baseline-offset); */
  z-index: 1000;
  pointer-events: none;
}




/* *************** */


.flexme {
  display:flex;
  flex-direction: column;
  flex-basis: 1;
  align-items: center;
  justify-content: center;

}

.grid-flex-red {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color:red;
  color: white;
  padding: var( --size-1 );
  border: 1px solid white;
}
.grid-flex-green {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color:green;
  color: white;
  padding: var( --size-1 );
  border: 1px solid white;
}



/*	============================================================
	Beitragsbilder
	============================================================ */
  .project {
    overflow: hidden;
    position: relative;
  }
  
  /* ---| Mit Bildlegende |-------------------------- */
  
  .project .file-thumb-legende {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgba(44, 62, 80, 0.6);
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
  }
  .project:hover .file-thumb-legende {
    opacity: 1;
  }
  .project .thumb-legende {
    display: table;
    width: 100%;
    height: 100%;
    color: rgba(255,255,255,0.50);
    text-align: center;
  }
  .project .thumb-legende-inner {
    display: table-cell;
    vertical-align: middle;
    color: rgba(255,255,255,0.50);
  }
  .project .file-thumb-legende h3 {
    color: #fff;
    /*margin-top: 40px;*/
    margin-bottom: 0px;
  }
  .project .file-thumb-legende p {
    color: #fff;
    padding-bottom: 0px;
    margin-bottom: 5px;
  }
  .project .file-thumb-legende p .fa {
    padding-bottom: 0px;
    margin-top: 10px;
  }
  
  /* ---| Ohne Bildlegende, nur Button |-------------------------- */
  
  .project .file-thumb-button {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgba(44, 62, 80, 0.6);
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
  }
  .project:hover .file-thumb-button {
    opacity: 1;
  }
  .project .thumb-button {
    display: table;
    width: 100%;
    height: 100%;
  }
  .project .thumb-button-inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    color: rgba(255,255,255,1.00);
  }
  

  /* ---| Nur Bild einblenden |-------------------------- */
.bild-einblenden {
	opacity: 0.4;
        /*transition: 0.5s opacity;*/
   -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: opacity .8s, -webkit-filter .8s;
    transition: filter .8s, opacity .8s;
    transition: filter .8s, opacity .8s, -webkit-filter .8s
}

.bild-einblenden:hover {
	opacity: 1;
        /*transition: 0.5s opacity;*/
   -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.bild-einblenden img {
	margin-top: 5px;
	padding-bottom: 20px;
}


/* ---| Bild + Text einblenden |-------------------------- */
.beitrag-einblenden {
	opacity: 0.4;
   -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: opacity .8s, -webkit-filter .8s;
    transition: filter .8s, opacity .8s;
    transition: filter .8s, opacity .8s, -webkit-filter .8s;
}
.beitrag-einblenden:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.beitrag-einblenden:hover .text-einblenden {
    opacity: 1;
    max-height: 1000px;
} 

.beitrag-einblenden img {
	margin-top: 5px;
	padding-bottom: 20px;
}

.text-einblenden {
    transition: opacity 1.2s;
    opacity: 0;
  -webkit-transition: max-height 1.2s;
  -moz-transition: max-height 1.2s;
  -ms-transition: max-height 1.2s;
  -o-transition: max-height 1.2s;
  transition: max-height 1.2s;
  overflow: hidden;
  max-height: 0;
}


/*	============================================================
	Spalten Image mit Link - imageslinks
	============================================================ */
  .imageslinks-lb {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  
  .imageslinks {
    overflow: hidden;
    position: relative;
    padding: 0;
  }
  
  .imageslinks img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  
  .imageslinks .image-holder {
    position:relative;
    overflow:hidden;
    margin:0 auto;
  }
  
  .imageslinks .hover-state {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgba(44, 62, 80, 0.6);
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    /*padding: 0 25px;*/
  }
  
  .imageslinks:focus .hover-state,
  .imageslinks:active .hover-state,
  .imageslinks:hover .hover-state {
    opacity: 1;
  }
  .imageslinks a,
  .imageslinks a:hover {
    color: #fff;
  }
  
  .imageslinks .hover-state h3 {
    /*font-size: 100%;*/
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
    padding: 0px;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -o-hyphens: auto;
      hyphens: auto; 
  }
  
  .imageslinks .hover-state p {
    /*font-size: 80%;*/
    line-height: 1.2;
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: #fff;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -o-hyphens: auto;
      hyphens: auto; 
  }
    @media (min-width: 300px) and (max-width: 479px) {
      .imageslinks .hover-state p {
        font-size: 100%;
      }
    }
  
  .imageslinks .hover-state .align-vertical {
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 25px;
  }
  
  .imageslinks:focus .align-vertical,
  .imageslinks:active .align-vertical,
  .imageslinks:hover .align-vertical {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }