@font-face {
    font-family: 'TeX Gyre Adventor';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/texgyreadventor-regular.eot'); /* IE9 Compat Modes */
    src: url('./fonts/texgyreadventor-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/texgyreadventor-regular.woff') format('woff'), /* Modern Browsers */
    url('./fonts/texgyreadventor-regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'TeX Gyre Adventor';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/texgyreadventor-bold.eot'); /* IE9 Compat Modes */
    src: url('./fonts/texgyreadventor-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/texgyreadventor-bold.woff') format('woff'), /* Modern Browsers */
    url('./fonts/texgyreadventor-bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}