@font-face {
    font-family: 'DINPro-Regular';
    src: url('https://s3.amazonaws.com/medable-static/fonts/dinproregular.eot');
    src: url('https://s3.amazonaws.com/medable-static/fonts/dinproregular.eot?#iefix') format('embedded-opentype'),
    url('https://s3.amazonaws.com/medable-static/fonts/dinproregular.svg#dinproregular') format('svg'),
    url('https://s3.amazonaws.com/medable-static/fonts/dinproregular.ttf') format('truetype'),
    url('https://s3.amazonaws.com/medable-static/fonts/dinproregular.woff') format('woff'),
    url('https://s3.amazonaws.com/medable-static/fonts/dinproregular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Bold';
    src: url('https://s3.amazonaws.com/medable-static/fonts/dinprobold.eot');
    src: url('https://s3.amazonaws.com/medable-static/fonts/dinprobold.eot?#iefix') format('embedded-opentype'),
    url('https://s3.amazonaws.com/medable-static/fonts/dinprobold.svg#dinprobold') format('svg'),
    url('https://s3.amazonaws.com/medable-static/fonts/dinprobold.ttf') format('truetype'),
    url('https://s3.amazonaws.com/medable-static/fonts/dinprobold.woff') format('woff'),
    url('https://s3.amazonaws.com/medable-static/fonts/dinprobold.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}