$breakpoints: (
		laptop-landscape-large: 1440px,
		ipad-pro-landscape: 1366px,
		laptop-landscape-medium: 1280px,
		laptop-landscape: 1200px,
		ipad-landscape: 1024px,
		ipad-portrait: 768px,
		larger-phone-landscape: 740px,
		phone-landscape: 680px,
		phone-portrait: 480px,
		smaller-phone-portrait: 320px
);

$grid-width: 1300px;
$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: 1150px;
$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;

$default-text-font: 'Ubuntu', sans-serif;;
$heading-font: 'Inconsolata';
$additional-text-font: 'Playfair Display', serif;

$first-main-color: #212121;
$default-heading-color: #212121;
$default-text-color: #888;
$additional-text-color: #999;
$additional-color: #555;
$dark-color: #000;

$default-background-color: #fff;
$default-border-color: #959595;
$additional-border-color: #d2d2d2;
$light-border-color: #e9e9e9;
$extra-border-color: #ebebeb;

$default-btn-hover-background-color: #313131;
$button-hover-color: #000;

$header-light-color: #fff;
$header-light-hover-color: rgba($header-light-color, .8);
$header-dark-color: #333;
$header-dark-hover-color: rgba($header-dark-color, .8);


$vertical-menu-width: 350px;
$vertical-compact-menu-width: 75px;

//responsive breakpoints
$laptop-landscape-large-plus-pixel: 1441px;
$laptop-landscape-large: 1440px;
$ipad-pro-landscape: 1366px;
$laptop-landscape-medium-plus-pixel: 1281px;
$laptop-landscape-medium: 1280px;
$laptop-landscape-plus-pixel: 1201px;
$laptop-landscape: 1200px;
$ipad-landscape-plus-pixel: 1025px;
$ipad-landscape: 1024px;
$ipad-portrait-plus-pixel: 769px;
$ipad-portrait: 768px;
$phone-landscape-plus-pixel: 681px;
$phone-landscape: 680px;
$phone-portrait-plus-pixel: 481px;
$phone-portrait: 480px;
$smaller-phone-portrait-plus-pixel: 321px;
$smaller-phone-portrait: 320px;