// flat font sizes
$fz-flat-h1: (min: 30px, mid: 5.5vw, max: 66px);
$fz-flat-h2: (min: 25px, mid: 4.5vw, max: 54px);
$fz-flat-h3: (min: 20px, mid: 3.5vw, max: 42px);
$fz-flat-h4: (min: 18px, mid: 3.25vw, max: 36px);
$fz-flat-h5: (min: 18px, mid: 22px, max: 30px);
$fz-flat-h6: (min: 18px, mid: 22px, max: 30px);
$fz-flat-bd: (min: 14px, mid: 16px, max: 18px);

// material font sizes
$fz-material-h1: (min: 30px, mid: 5.5vw, max: 88px);
$fz-material-h2: (min: 25px, mid: 4.5vw, max: 66px);
$fz-material-h3: (min: 20px, mid: 3.5vw, max: 37px);
$fz-material-h4: (min: 18px, mid: 3.25vw, max: 24px);
$fz-material-h5: (min: 18px, mid: 22px, max: 24px);
$fz-material-h6: (min: 16px, mid: 20px, max: 18px);
$fz-material-bd: (min: 14px, mid: 16px, max: 18px);

// material box shadow
$box-shadow-material: 0 10px 20px rgba(0, 0, 0, .3);
