/* Roboto font faces */
@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto_normal_400.woff2') format('woff2'),
         url('fonts/roboto_normal_400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto_normal_700.woff2') format('woff2'),
         url('fonts/roboto_normal_700.woff') format('woff');
    font-weight: 500;  /* Use 500 for headings */
    font-style: normal;
}

/* Apply Roboto site-wide */
html body {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: 400;  /* normal text */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: 500;  /* medium for headings */
}

nav a, .menuInner a,
button, .btn, input[type="submit"],
input, textarea, select {
    font-family: 'Roboto', Arial, sans-serif !important;
}