// Variables //––––––––––––––––––––––––––––––––––––––––––––––––––

// Breakpoints $bp-larger-than-mobile : “min-width: 400px” !default; $bp-larger-than-phablet : “min-width: 550px” !default; $bp-larger-than-tablet : “min-width: 750px” !default; $bp-larger-than-desktop : “min-width: 1000px” !default; $bp-larger-than-desktophd : “min-width: 1200px” !default;

// Colors $light-grey: e1e1e1 !default; $dark-grey: #333 !default; $primary-color: #33c3f0 !default; $secondary-color: lighten($dark-grey, 13.5%) !default; $border-color: bbb !default; $link-color: #1eaedb !default; $font-color: #222 !default;

// Typography $font-family: “Raleway”, “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif !default;

//Grid Variables $container-width: 960px !default; $container-width-larger-than-mobile: 85% !default; $container-width-larger-than-phablet: 80% !default; $total-columns: 12 !default; $column-width: 100 / $total-columns !default; // calculates individual column width based off of # of columns $column-margin: 4% !default; // space between columns

// Misc $global-radius: 4px !default;