// Colors
$main-color: #199;
$second-color: #F88;
$main-bg: #CEE;

// // Global typo & paragraphs
$font-weight: 300;
$font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

$base-font-size: 0.875rem;
$base-line-height: 1.375rem;
$h1-font-size: 3.6875rem;
$h2-font-size: 2.3125rem;
$h3-font-size: 1.4375rem;
$h4-font-size: 0.875rem;
// Colors
$main-color: #199;
$second-color: #F88;
$main-bg: #CEE;

// Typography
$font-weight: 300;
$font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

$base-font-size: 0.875rem;
$base-line-height: 1.25rem;
$h1-font-size: 3.125rem;
$h2-font-size: 2.1875rem;
$h3-font-size: 1.25rem;
$h4-font-size: 0.875rem;

// Breakpoints
$tablet: "(min-width: 768px) and (max-width: 1023px)";
$desktop: "(min-width: 1024px)";
Make it 20/14 base, added mq vars
Make it 20/14 base, added mq vars
