/* Standalone variables
========================================================================== */
/*
==========================================================================
    Mixins - typography - body
========================================================================== */
.c-masonry-grid-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* clearfix */
.c-masonry-grid-list::after {
  content: "";
  display: block;
  clear: both;
}

.c-masonry-grid-list__item,
.c-masonry-grid-list__sizer {
  width: 100%;
}

.c-masonry-grid-list__item {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .c-masonry-grid-list {
    width: calc(100% + 2rem);
  }

  .c-masonry-grid-list__item,
.c-masonry-grid-list__sizer {
    width: calc(50% - 2rem);
  }
}
@media (min-width: 1025px) {
  .c-masonry-grid-list {
    width: calc(100% + 2rem);
  }

  .c-masonry-grid-list__item,
.c-masonry-grid-list__sizer {
    width: calc(100% / 3 - 2rem);
  }

  .c-masonry-grid-list__item--two-thirds {
    width: calc(100% / 3 * 2 - 2rem);
  }
}