// Define Custom breakpoint variables to be used on layout

// Variable rules:
// assume min-width (by default) if only a number
// $high-tide: 500px;
//
// set min-width/max-width if both values are numbers
// $ex-presidents: 600px 800px;
//
// if one value is a string, assume a feature/value pair
// $surfboard-width: max-width 1000px;
//
// string tests together within parentheses, assume each item is a feature value pair
// $surfboard-height: (min-height 1000px) (orientation portrait);

// main breakpoints
$nano:        max-width 479px;

$micro-up:    480px;
$micro-only:  480px 759px;
$micro-down:  max-width 759px;

$small-up:    760px;
$small-only:  760px 989px;
$small-down:  max-width 989px;

$medium-up:   990px;
$medium-only: 990px 1365px;
$medium-down: max-width 1365px;

$large-up:    1366px;
$large-only:  1366px 1599px;
$large-down:  max-width 1599px;

$xlarge-up:   1600px;
$xlarge-only: 1600px 1920px;
$xlarge-down: max-width 1920px;

$xxlarge:     1921px;

// header breakpoints
// customize these as needed
$bp-header-small:  $small-up;
$bp-header-micro:  $micro-up;
$bp-header-medium: $medium-up;
$bp-header-large:  $large-up;