@import "grid-modifiers-vp";

.grid-wrapper {
  margin: 0 auto;
  max-width: 100%;

  &.expand-to-page {
    margin-left: 0;
    margin-right: 0;
    max-width: 100vw;
  }
}

.grid-container {
  margin: 0 auto;

  &.breakout-container {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }
}

.grid-row.is-fullwidth-row.expand-to-page,
.grid-zone.is-fullwidth-zone.expand-to-page {
  box-sizing: border-box;
  clear: both;
  float: left;
  margin-left: -100%;
  margin-right: -100%;
  padding-left: 100%;
  padding-right: 100%;
  width: 300%;
}