@font-face {
    font-family: 'ErodeMedium';
    src: url('../fonts/ErodeMedium.eot');
    src: url('../fonts/ErodeMedium.eot') format('embedded-opentype'),
         url('../fonts/ErodeMedium.woff2') format('woff2'),
         url('../fonts/ErodeMedium.woff') format('woff'),
         url('../fonts/ErodeMedium.ttf') format('truetype'),
         url('../fonts/ErodeMedium.svg#ErodeMedium') format('svg');
}



@font-face {
    font-family: 'ErodeVariable';
    src: url('../fonts/ErodeVariable.eot');
    src: url('../fonts/ErodeVariable.eot') format('embedded-opentype'),
         url('../fonts/ErodeVariable.woff2') format('woff2'),
         url('../fonts/ErodeVariable.woff') format('woff'),
         url('../fonts/ErodeVariable.ttf') format('truetype'),
         url('../fonts/ErodeVariable.svg#ErodeVariable') format('svg');
}

@font-face {
    font-family: 'QuicksandVariable';
    src: url('../fonts/QuicksandVariable.eot');
    src: url('../fonts/QuicksandVariable.eot') format('embedded-opentype'),
         url('../fonts/QuicksandVariable.woff2') format('woff2'),
         url('../fonts/QuicksandVariable.woff') format('woff'),
         url('../fonts/QuicksandVariable.ttf') format('truetype'),
         url('../fonts/QuicksandVariable.svg#QuicksandVariable') format('svg');
}

@font-face {
    font-family: 'QuicksandMedium';
    src: url('../fonts/QuicksandMedium.eot');
    src: url('../fonts/QuicksandMedium.eot') format('embedded-opentype'),
         url('../fonts/QuicksandMedium.woff2') format('woff2'),
         url('../fonts/QuicksandMedium.woff') format('woff'),
         url('../fonts/QuicksandMedium.ttf') format('truetype'),
         url('../fonts/QuicksandMedium.svg#QuicksandMedium') format('svg');
}