.main-container,
.main-content,
.entry-content,
.inner-content{
  width: 100%;
}

.grid-x{
  display:flex;
  flex-flow: row wrap;
  width: 100%;
}

.grid-margin-x{
  margin-left: -12px;
  margin-right: -12px;
}

.grid-margin-x > .cell{
  padding-left: 12px;
  padding-right: 12px;
}

.cell{
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 1024px){
  .large-1{ width: 8.333333%; }
  .large-2{ width: 16.666667%; }
  .large-3{ width: 25%; }
  .large-4{ width: 33.333333%; }
  .large-5{ width: 41.666667%; }
  .large-6{ width: 50%; }
  .large-7{ width: 58.333333%; }
  .large-8{ width: 66.666667%; }
  .large-9{ width: 75%; }
  .large-10{ width: 83.333333%; }
  .large-11{ width: 91.666667%; }
  .large-12{ width: 100%; }
}

@media (max-width: 1023px){
  .small-12{ width: 100%; }
}