/* 
    display properties 
*/
.main--gridcontainer {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  column-gap: var(--grid--gap);
}

.scrollers {
  height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.hidden {
  display: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollers::-webkit-scrollbar {
  display: none;
}

.sticky--top {
  position: sticky !important;
  top: 0px;
}

.align--content-center {
  display: flex;
  justify-content: center;
}

/* 
    General 
*/

.flex {
  display: flex;
}

.flex--space-between {
  justify-content: space-between;
}

.flex--column {
  flex-direction: column;
}

.width--100 {
  width: 100%;
}



/* Child */

.images {
  width: 100%;
  height: auto;
  max-height: 60vh;
  object-fit: cover;
  object-position: center center;
}