@mixin respond-to($breakpoint) {
  @if $breakpoint == "small" {
    @media (min-width: $breakpoint-small) {
      @content;
    }
  }

  @if $breakpoint == "medium" {
    @media (min-width: $breakpoint-medium) {
      @content;
    }
  }

  @if $breakpoint == "large" {
    @media (min-width: $breakpoint-large) {
      @content;
    }
  }

  @if $breakpoint == "xlarge" {
    @media (min-width: $breakpoint-xlarge) {
      @content;
    }
  }

  @if $breakpoint == "xxlarge" {
    @media (min-width: $breakpoint-xxlarge) {
      @content;
    }
  }
}