$small: "min-width: 640px";
$medium: "min-width: 768px";
$large: "min-width: 1024px";
$xlarge: "min-width: 1280px";

.segment {

  @media($large) {
    &.lg {
      &-hidden {
        display: none;
      }
      &-quarter {
        width: 25%;
      }
      &-third {
        width: 33.333%;
      }
      &-half {
        width: 50%;
      }
      &-two-third {
        width: 66.666%;
      }
      &-three-quarter {
        width: 75%;
      }
      &-full {
        width: 100%;
      }
      &-auto {
        width: auto;
      }
    }
  }
}