@mixin slow-hover {
	transition: all 0.4s ease;
}

@mixin appear {
	transition: height 0.6s ease;
}

@mixin breakpoint($point) {

  @if $point == large {
    @media #{$breakpoint-large} { @content; }
  }
  @else if $point == medium {
    @media #{$breakpoint-medium} { @content; }
  }
  @else if $point == small {
    @media #{$breakpoint-small}  { @content; }
  }
  @else if $point == xsmall {
    @media #{$breakpoint-xsmall}  { @content; }
  }
}   