html {
    font-size: 30px;    /* for Safari */
    font-size: 2vw;  
}

/* embedded-open font type (eot) is required for IE */

@font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    src: url('fonts/open-sans/OpenSans-Light.ttf'), url('fonts/open-sans/OpenSans-Light.eot');
}

@font-face {
    font-family: 'Open Sans Regular';
    font-style: normal;
    src: url('fonts/open-sans/OpenSans-Regular.ttf'), url('fonts/open-sans/OpenSans-Regular.eot');
}
@font-face {
    font-family: 'Open Sans Semibold';
    font-style: normal;
    src: url('fonts/open-sans/OpenSans-Semibold.ttf'), url('fonts/open-sans/OpenSans-Semibold.eot');
}

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    src: url('fonts/open-sans/OpenSans-Bold.ttf'), url('fonts/open-sans/OpenSans-Bold.eot');
}