@font-face {
    font-family: 'DIN Pro Cond';
    src: url('fonts/DINPro-CondensedBold.woff2') format('woff2'),
        url('fonts/DINPro-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: local('DIN Pro Condensed Medium'), local('DIN-Pro-Condensed-Medium'),
        url('fonts/DINPro-CondensedMedium.woff2') format('woff2'),
        url('fonts/DINPro-CondensedMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url('DINPro-CondensedBlack.eot');
    src: local('DIN Pro Condensed Black'), local('DINPro-CondensedBlack'),
        url('fonts/DINPro-CondensedBlack.woff2') format('woff2'),
        url('fonts/DINPro-CondensedBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro.woff2') format('woff2'),
        url('fonts/DINPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('DINPro-Bold.eot');
    src: local('DIN Pro Bold'), local('DINPro-Bold'),
        url('fonts/DINPro-Bold.woff2') format('woff2'),
        url('fonts/DINPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


.title {           
            font-family: "DIN Pro Cond";
            font-size: 28px;
            letter-spacing: 1px;
}

.name {           
            font-family: "DIN Pro Cond";
            font-size: 28px;
    letter-spacing: 1px;
     font-weight: 900;
    color:black;
    
}

.work {           
            font-family: "DIN Pro Cond";
            font-size: 28px;
     font-weight: 500;
    color:black;

           
}

.textb {             
            font-family: "DIN Pro";
            font-size: 16px;
    font-weight: bold;
}


.text {             
            font-family: "DIN Pro";
            font-size: 16px;
}