@font-face
    font-weight 300
    font-style normal
    font-family 'Apercu'
    src url('fonts/Apercu-Light.eot'),
    url('fonts/Apercu-Light.eot?#iefix') format('embedded-opentype'), 
    url('fonts/Apercu-Light.woff2') format('woff2'), 
    url('fonts/Apercu-Light.woff') format('woff'), 
    url('fonts/Apercu-Light.ttf') format('truetype'), 
    url('fonts/Apercu-Light.svg?#Apercu') format('svg')

@font-face
    font-weight 300
    font-style italic
    font-family 'Apercu'
    src url('fonts/Apercu-LightItalic.eot'),
    url('fonts/Apercu-LightItalic.eot?#iefix') format('embedded-opentype'), 
    url('fonts/Apercu-LightItalic.woff2') format('woff2'), 
    url('fonts/Apercu-LightItalic.woff') format('woff'), 
    url('fonts/Apercu-LightItalic.ttf') format('truetype'), 
    url('fonts/Apercu-LightItalic.svg?#Apercu') format('svg')

@font-face
    font-weight 400
    font-style normal
    font-family 'Apercu'
    src url('fonts/Apercu.eot'),
    url('fonts/Apercu.eot?#iefix') format('embedded-opentype'), 
    url('fonts/Apercu.woff2') format('woff2'), 
    url('fonts/Apercu.woff') format('woff'), 
    url('fonts/Apercu.ttf') format('truetype'), 
    url('fonts/Apercu.svg?#Apercu') format('svg')

@font-face
    font-weight 400
    font-style italic
    font-family 'Apercu'
    src url('fonts/Apercu-Italic.eot'),
    url('fonts/Apercu-Italic.eot?#iefix') format('embedded-opentype'), 
    url('fonts/Apercu-Italic.woff2') format('woff2'), 
    url('fonts/Apercu-Italic.woff') format('woff'), 
    url('fonts/Apercu-Italic.ttf') format('truetype'), 
    url('fonts/Apercu-Italic.svg?#Apercu') format('svg')

@font-face
    font-weight 500
    font-style normal
    font-family 'Apercu'
    src url('fonts/Apercu-Medium.eot'),
    url('fonts/Apercu-Medium.eot?#iefix') format('embedded-opentype'), 
    url('fonts/Apercu-Medium.woff2') format('woff2'), 
    url('fonts/Apercu-Medium.woff') format('woff'), 
    url('fonts/Apercu-Medium.ttf') format('truetype'), 
    url('fonts/Apercu-Medium.svg?#Apercu') format('svg')

@font-face
    font-weight 500
    font-style italic
    font-family 'Apercu'
    src url('fonts/Apercu-MediumItalic.eot'),
    url('fonts/Apercu-MediumItalic.eot?#iefix') format('embedded-opentype'), 
    url('fonts/Apercu-MediumItalic.woff2') format('woff2'), 
    url('fonts/Apercu-MediumItalic.woff') format('woff'), 
    url('fonts/Apercu-MediumItalic.ttf') format('truetype'), 
    url('fonts/Apercu-MediumItalic.svg?#Apercu') format('svg')

@font-face
    font-weight 600
    font-style normal
    font-weight bold
    font-family 'Apercu'
    src url('fonts/Apercu-Bold.eot'),
    url('fonts/Apercu-Bold.eot?#iefix') format('embedded-opentype'), 
    url('fonts/Apercu-Bold.woff2') format('woff2'), 
    url('fonts/Apercu-Bold.woff') format('woff'), 
    url('fonts/Apercu-Bold.ttf') format('truetype'), 
    url('fonts/Apercu-Bold.svg?#Apercu') format('svg')

@font-face
    font-weight 600
    font-style italic
    font-weight bold
    font-family 'Apercu'
    src url('fonts/Apercu-BoldItalic.eot'),
    url('fonts/Apercu-BoldItalic.eot?#iefix') format('embedded-opentype'), 
    url('fonts/Apercu-BoldItalic.woff2') format('woff2'), 
    url('fonts/Apercu-BoldItalic.woff') format('woff'), 
    url('fonts/Apercu-BoldItalic.ttf') format('truetype'), 
    url('fonts/Apercu-Bold.svg?#Apercu') format('svg')

@font-face
    font-weight 400
    font-style normal
    font-family 'Apercu-Mono'
    src url('fonts/Apercu-Mono.eot'),
    url('fonts/Apercu-Mono.eot?#iefix') format('embedded-opentype'), 
    url('fonts/Apercu-Mono.woff2') format('woff2'), 
    url('fonts/Apercu-Mono.woff') format('woff'), 
    url('fonts/Apercu-Mono.ttf') format('truetype'), 
    url('fonts/Apercu-Mono.svg?#Apercu') format('svg')

$baseType = Helvetica, Arial, sans-serif;
$monoType = 'Andale Mono'

h1, h2, h3
    color $white

h1 
    font-size 2em
    font-weight 400

h2
    font-size 1.75em
    font-weight 400

h3 
    font-size 1.5em
    font-weight 300