Razroo breakpoint scss function that we use to keep all responsive items consistent across application

rz-breakpoint scss function

```
// breakpoints to be used in conjunction with media queries across app
@function rz-breakpoint($breakpoint) {
  $breakpoints: (
    'extra-small': 599,
    'small': 959,
    'medium': 1279,
    'large': 1919,
    'extra-large': 5000,
  );
  @if (map-get($breakpoints, $breakpoint)) {
    @return #{map-get($breakpoints, $breakpoint)}px;
  } @else {
    @error 'Must contain one of the following strings: #{$breakpoints}.';
  }
}
```