/* LAYOUT */

.body > section {
    margin-top: 2rem;
}

.main-page .section-wrapper {
    margin-top: 0;
}

.mod-main-page .section-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit,  minmax(12rem, auto));
    grid-column-start: 1;
    grid-gap: 2rem;
    grid-auto-flow: row;
    margin-top: 0;
}

/* .section-wrapper > :not([clas*='col-']) {
    grid-column: 1 / -1;
} */
.section-wrapper > [class*='col-'] {
    margin-bottom: 2rem;
}
.section-wrapper > .col-1 { grid-column: span 1; }
.section-wrapper > .col-2 { grid-column: span 2; }
.section-wrapper > .col-3 { grid-column: span 3; }
.section-wrapper > .col-4 { grid-column: span 4; }

.section-wrapper > [class*='col-'] > :first-child {
    margin-top: 0;
}

/* COMPONENTS */

.textheaders{
    width:100%;
    line-height: 1.3em;
    white-space:normal;
}
.textdetails{
     width:100%;
     line-height: 1.3em;
     white-space:normal;
 }

  .img-fill img {
      /*    min-height: 100%; */
      /*  min-width: 100%; */
      position: relative;
      display: inline-block;
      max-width: 100%;
  }
.img-fill{
    /* height:100vh; */
    background:#000;
}

.img-fill{
    position:relative;
    width:95%;
    height:95%;
    top:0;
    left:0;
    background:#fff8;
    /*  line-height:100vh;*/
    text-align:center;
}
.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}
.slick-track { display: flex !important; } .slick-slide { height: inherit !important; display: flex !important; justify-content: center; align-items: center; }