$white: #FFFFFF;
$black: #333333;
$gray: #707070;

$primary: #028090;
$primary2: #003e46;

$grid-breakpoints: (
        xxs: 0,
        xs: 576px,
        sm: 768px,
        md: 992px,
        lg: 1200px,
        xl: 1440px,
        xxl: 1920px
);

$size-large: 40px;
$size-medium: 25px;
$size-small: 10px;

@mixin transition($args...) {
  -webkit-transition: $args;
  -moz-transition: $args;
  -ms-transition: $args;
  -o-transition: $args;
  transition: $args;
}

@mixin transform($args...) {
  -webkit-transform: $args;
  -moz-transform: $args;
  -o-transform: $args;
  transform: $args;
}

@mixin transformOrigin($args...) {
  -webkit-transform-origin: $args;
  -moz-transform-origin: $args;
  -o-transform-origin: $args;
  transform-origin: $args;
}