@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 400;
    src:  url(../fonts/OpenSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 700;
    src:  url(../fonts/OpenSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: OpenSansExtraBold;
    font-style: normal;
    font-weight: 400;
    src:  url(../fonts/OpenSans-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-family: OpenSansLight;
    font-style: normal;
    font-weight: 400;
    src:  url(../fonts/OpenSans-Light.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:  url(../fonts/Roboto-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Roboto-Bold.ttf) format("truetype")
}