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

// Breakpoints
$bp-larger-than-mobile     = "min-width = 400px"
$bp-larger-than-phablet    = "min-width = 550px"
$bp-larger-than-tablet     = "min-width = 750px"
$bp-larger-than-desktop    = "min-width = 1000px"
$bp-larger-than-desktophd  = "min-width = 1200px"

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

// Typography
$font-family = "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif

//Grid Variables
$container-width = 960px
$container-width-larger-than-mobile = 85%
$container-width-larger-than-phablet = 80%
$total-columns = 12
$column-width = 100 / $total-columns
$column-margin = 4%

// Misc
$global-radius = 4px