@mixin respondTo($media) {
    @if $media == smallScreen {
      @media only screen and (max-width: $screenSmall - 1) { @content; }
    }
  }

  @mixin mobileClearfix() {
    @include respondTo(smallScreen) {
      &:before, &:after { content: ""; display: table; }
    }
  }