/*
 Materialize defines these breakpoints (we copy the variables because we use a CDN):
 - Small screens are defined as having a max-width of 600px
 - Medium screens are defined as having a max-width of 992px
 - Large screen are defined as having a min-width of 993px
 - Extra Large screen are defined as having a min-width of 1200px
*/
$breakpoint_small: 600px;
$breakpoint_medium: 992px;
$breakpoint_large: 1200px;
$breakpoint_notebook: 1440px;

$nav_height: 96px;
$nav_height_scrolled: 64px;
$nav_height_mobile: 56px;