@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    src: local('OpenSansRegular'), local('OpenSans-Regular'),
             url('../webfonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 100;
    src: local('OpenSansLight'), local('OpenSans-Light'),
             url('../webfonts/OpenSans-Light.ttf') format('truetype');
}



@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 600;
    src: local('OpenSansSemiBold'), local('OpenSans-SemiBold'),
             url('../webfonts/OpenSans-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 700;
    src: local('OpenSansBold'), local('OpenSans-Bold'),
             url('../webfonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 800;
    src: local('OpenSansExtraBold'), local('OpenSans-ExtraBold'),
             url('../webfonts/OpenSans-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans';
    font-style: oblique;
    font-weight: 400;
    src: local('OpenSansItalic'), local('OpenSans-Italic'),
             url('../webfonts/OpenSans-Italic.ttf') format('truetype');
}