@font-face {
    font-family: "Roboto";
    src: url("../Fonts/Roboto-Light.ttf");
}

@font-face {
    font-family: "Roboto Regular";
    src: url("../Fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: "Roboto Medium";
    src: url("../Fonts/Roboto-Medium.ttf");
}

option {
    font-family: Arial;
}

* {
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 16px;
}

strong, .button-a, .button-b, .button-c, h3 {
    font-family: "Roboto Regular";
    font-weight: normal;
}

button.icon-button .label
{
    font-family: "Roboto Medium";
}

h1 {
    font-family: "Roboto Medium";
    font-size: 1.3em;
    font-weight: normal;
    color: var(--black);
}

h2 {
    font-family: "Roboto Medium";
    font-size: 1.1em;
    font-weight: normal;
    color: var(--black);
}

ul.navigation li {
    font-family: "Roboto Regular";
    font-weight: normal;
}