// ----------------------------------------------------------------------

  // Media Query Breakpoints

// ----------------------------------------------------------------------

// example @include max-breakpoint(640) { width:80%; }

@mixin max-breakpoint($size) {
  @media only screen and (max-width: $size + px) { @content; }
}