@import "flive-vars";

.base {
  width: 100%;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: $screen-xs-min) {
  .x-small-1{
    @include column(1);
  }
  .x-small-2 {
    @include column(2);
  }
  .x-small-3 {
    @include column(3);
  }
  .x-small-4 {
    @include column(4);
  }
  .x-small-5 {
    @include column(5);
  }
  .x-small-6 {
    @include column(6);
  }
  .x-small-7 {
    @include column(7);
  }
  .x-small-8 {
    @include column(8);
  }
  .x-small-9 {
    @include column(9);
  }
  .x-small-10 {
    @include column(10);
  }
  .x-small-11 {
    @include column(11);
  }
  .x-small-12 {
    width: 100%;
  }
}
@media (min-width: $screen-sm-min) {
  .small-1{
    @include column(1);
  }
  .small-2 {
    @include column(2);
  }
  .small-3 {
    @include column(3);
  }
  .small-4 {
    @include column(4);
  }
  .small-5 {
    @include column(5);
  }
  .small-6 {
    @include column(6);
  }
  .small-7 {
    @include column(7);
  }
  .small-8 {
    @include column(8);
  }
  .small-9 {
    @include column(9);
  }
  .small-10 {
    @include column(10);
  }
  .small-11 {
    @include column(11);
  }
  .small-12 {
    width: 100%;
  }
}
@media (min-width: $screen-md-min) {
  .medium-1{
    @include column(1);
  }
  .medium-2 {
    @include column(2);
  }
  .medium-3 {
    @include column(3);
  }
  .medium-4 {
    @include column(4);
  }
  .medium-5 {
    @include column(5);
  }
  .medium-6 {
    @include column(6);
  }
  .medium-7 {
    @include column(7);
  }
  .medium-8 {
    @include column(8);
  }
  .medium-9 {
    @include column(9);
  }
  .medium-10 {
    @include column(10);
  }
  .medium-11 {
    @include column(11);
  }
  .medium-12 {
    width: 100%;
  }
}
@media (min-width: $screen-lg-min) {
  .large-1{
    @include column(1);
  }
  .large-2 {
    @include column(2);
  }
  .large-3 {
    @include column(3);
  }
  .large-4 {
    @include column(4);
  }
  .large-5 {
    @include column(5);
  }
  .large-6 {
    @include column(6);
  }
  .large-7 {
    @include column(7);
  }
  .large-8 {
    @include column(8);
  }
  .large-9 {
    @include column(9);
  }
  .large-10 {
    @include column(10);
  }
  .large-11 {
    @include column(11);
  }
  .large-12 {
    width: 100%;
  }
}