@font-face {
    font-family: 'merriweatherlight';
    src: url('../fonts/merriweather_light-webfont.eot');
    src: url('../fonts/merriweather_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweather_light-webfont.woff2') format('woff2'),
         url('../fonts/merriweather_light-webfont.woff') format('woff'),
         url('../fonts/merriweather_light-webfont.ttf') format('truetype'),
         url('../fonts/merriweather_light-webfont.svg#merriweather_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'merriweatherlight';
    src: url('../fonts/merriweather-lightitalic-webfont.eot');
    src: url('../fonts/merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweather-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/merriweather-lightitalic-webfont.woff') format('woff'),
         url('../fonts/merriweather-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/merriweather-lightitalic-webfont.svg#merriweatherlight_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

h1 { font-size: $font-size-h1; }
h2 { font-size: $font-size-h2; }
h3 { font-size: $font-size-h3; }
h4 { font-size: $font-size-h4; }
h5 { font-size: $font-size-h5; }
h6 { font-size: $font-size-h6; }