@import 'compass/css3'
@import 'compass/utilities/general/clearfix'

// Units
$unit: 20px
$header-height: ($unit * 3)

// Colors
$purple-color: #6a0bc1
$border-color: rgba(black, 0.1)
$hero-bg-color: #eeeeef

// Mixins
@mixin avant-garde
  font-family: 'ITC Avant Garde Gothic W04', 'Avant Garde', sans-serif
  text-transform: uppercase
  letter-spacing: 1px

@mixin garamond
  font-family: 'Adobe Garamond W08', 'Garamond', serif

@mixin font-smoothing($value: antialiased)
  @if $value == antialiased
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale
  @else
    -webkit-font-smoothing: subpixel-antialiased
    -moz-osx-font-smoothing: auto

@import 'compass/css3'
@import 'compass/utilities/general/clearfix'

// Units
$unit: 20px
$header-height: ($unit * 3)

// Colors
$purple-color: #6a0bc1
$border-color: rgba(black, 0.1)
$hero-bg-color: #ececec

// Mixins
@mixin avant-garde
  font-family: 'ITC Avant Garde Gothic W04', 'Avant Garde', sans-serif
  text-transform: uppercase
  letter-spacing: 1px

@mixin garamond
  font-family: 'Adobe Garamond W08', 'Garamond', serif

@mixin font-smoothing($value: antialiased)
  @if $value == antialiased
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale
  @else
    -webkit-font-smoothing: subpixel-antialiased
    -moz-osx-font-smoothing: auto

Fix actual hero bg color
Fix actual hero bg color
