.g-order {
  &-1 {
    order: 1;
  }

  &-2 {
    order: 2;
  }
}

@media (min-width: $g-sm) {
  .g-order {
    &-1--sm {
      order: 1;
    }

    &-2--sm {
      order: 2;
    }
  }
}

@media (min-width: $g-md) {
  .g-order {
    &-1--md {
      order: 1;
    }

    &-2--md {
      order: 2;
    }
  }
}

@media (min-width: $g-lg) {
  .g-order {
    &-1--lg {
      order: 1;
    }

    &-2--lg {
      order: 2;
    }
  }
}