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