$font-primary: 'Lato', sans-serif;

$h1: 46px;
$h1-md: 38px;
$h2: 36px;
$h2-md: 28px;
$h3: 24px;
$h3-md: 22px;
$h4: 20px;
$h5: 18px;
$h6: 15px;

$white:#ffffff;
$black:#000000;
$dark:#4F5B66;
$light-gray:#A7ADBA;
$gray:#65737E;
$color-primary:#375B7D;
$color-secondary:#4675A1;
$color-tertiary:#19BFB7;

$black-100:#111111;
$black-200:#222222;
$black-300:#333333;
$black-400:#444444;
$black-500:#555555;
$black-600:#666666;
$black-700:#777777;
$black-800:#888888;
$black-900:#999999;