$grid-width: 1300px;
$grid-width-laptop-wide-landscape: 1100px;
$grid-width-laptop-landscape: 950px;
$grid-width-ipad-landscape: 768px;
$grid-width-ipad-portrait: 600px;
$grid-width-phone-landscape: 420px;
$grid-width-phone-portrait: 300px;
$grid-width-smaller-phone-portrait: 95%;

$grid-width-boxed: 1350px;
$grid-width-laptop-wide-landscape-boxed: 1100px;
$grid-width-laptop-landscape-boxed: 1000px;
$grid-width-ipad-landscape-boxed: 818px;
$grid-width-ipad-portrait-boxed: 650px;
$grid-width-phone-landscape-boxed: 470px;
$grid-width-phone-portrait-boxed: 350px;
$grid-width-smaller-phone-portrait-boxed: 96%;

$grid-width-1300: 1300px;
$grid-width-1200: 1200px;
$grid-width-1000: 1000px;
$grid-width-800: 800px;
$passepartout: 32px;


$first-main-color: #1d1d1d;
$default-background-color: #fff;
$default-elements-background-color: #f8f8f8;
$default-text-color: #4a4a4a;
$default-border-color: #cdcdcd;
$header-light-color: #ffffff;
$header-dark-color: #000000;
$transition-easing: cubic-bezier(0.6, 0, 0.26, 0.99);
$transition-easing-1: cubic-bezier(0, 0, 0, 1);
$gray-color: #999;

//responsive breakpoints
$laptop-wide-landscape: 1440px;
$laptop-mid-landscape: 1280px;
$laptop-landscape: 1200px;
$ipad-landscape: 1024px;
$ipad-portrait: 768px;
$phone-landscape: 600px;
$phone-portrait: 480px;
$smaller-phone-portrait: 320px;

$vertical-menu-width: 330px;

// responsive breakpoints vertical menu
$vertical-menu-laptop-wide-landscape: 1650px;
$vertical-menu-laptop-landscape: 1490px;
$vertical-menu-ipad-landscape: 1314px