/* ========================= BREAKPOINTS ==========================

$var1: 500px; // assume min-width (by default) if only a number
$var2: 600px 800px; // set min-width/max-width if both values are numbers
$var3: max-width 1000px; // if one value is a string, assume a feature/value pair
$var4: (min-height 1000px) (orientation portrait); // string tests together within parentheses, assume each item is a feature value pair */

$phone      : 480px;
$tab_mini   : 620px;
$tab        : 768px;
$tab_big    : 860px;
$desk_mini  : 992px;
$desk       : 1200px;
$desk-margin: 1260px;
$desk_big   : 1400px;
$screen_mini: 1940px;
$screen     : 2560px;

$gt_phone      : $phone +1;
$gt_tab_mini   : $tab_mini +1;
$gt_tab        : $tab +1;
$gt_desk_mini  : $desk_mini +1;
$gt_desk       : $desk +1;
$gt_desk_big   : $desk_big +1;
$gt_screen_mini: $screen_mini +1;
$gt_screen     : $screen +1;

$lte_phone      : max-width $phone;
$lte_tab_mini   : max-width $tab_mini;
$lte_tab        : max-width $tab;
$lte_desk_mini  : max-width $desk_mini;
$lte_desk       : max-width $desk;
$lte_desk_big   : max-width $desk_big;
$lte_screen_mini: max-width $screen_mini;
$lte_screen     : max-width $screen;

/* ========================= END OF BREAKPOINTS ========================== */

/* ========================= COLORS =============================== */

$col_1: #616161;//gray
$col_2: #8a7967;//brown
$col_3: #ec881d;//orange
$col_4: #212121;//dark gray
$col_5: #1e88e5;//blue
$col_6: #039be5;//sky_blue
$col_7: #babf10;//green
$col_8: #638658;//dark_green
$col_9: #d2a429;//dark_yellow
$col_10: #657384;//praemium_gray
$col_11: #455a64;
$col_12: #ffffff;
$col_13: #eeeeee;
$col_14: #fafafa;
$col_15: #000000;
$col_16: #f5f5f5;
$col_17: #9e9e9e;

/* ========================= END OF COLORS ======================== */
$material_icons: 'Material Icons';
$roboto: 'Roboto', sans-serif;
$arian-amu : 'arian_amu', sans-serif;
/* ========================= END OF FONTS ======================== */

$custom_row_width: 72.5rem /*rem-calc(1160)*/!default;