/**
 * Colours
 **/
$primary: #000000;
$secondary: #fff;

$black: #000;
$white: #fff;
$red:#FF0000;
/**
 * CSS
 **/
$transition: linear 250ms;

/**
 * LAYOUT
 **/
$content-width: 1380px;


/**
 * Breakpoints
 **/
$size-xxs: 320;
$size-xs: 480;
$size-s: 768;
$size-m: 960;
$size-l: 1200;
$size-xl: 1410;
$size-xxl: 1920;

$bp-xxs : $size-xxs+'px';
$bp-xs : $size-xs+'px';
$bp-s : $size-s+'px';
$bp-m : $size-m+'px';
$bp-l : $size-l+'px';
$bp-xl : $size-xl+'px';
$bp-xxl : $size-xxl+'px';

// Orientation
$portrait-device: orientation portrait;
$landscape-device: orientation landscape;

// Pixel density
$double-resolution: min-resolution 1.1dppx;
$triple-resolution: min-resolution 2.1dppx;

// Device size
$small-device: max-width 767px;