@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url("../fonts/roboto-regular-webfont.woff2") format("woff2");
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto'), local('Roboto-Medium'), url("../fonts/roboto-medium-webfont.woff2") format("woff2");
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto'), local('Roboto-Bold'), url("../fonts/roboto-bold-webfont.woff2") format("woff2");
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    src: url('../../fontawesome/webfonts/fontawesome-webfont.woff2') format('woff2');
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../../fontawesome/webfonts/fa-brands-400.eot");
    src: url("../../fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("../../fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("../../fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../../fontawesome/webfonts/fa-regular-400.eot");
    src: url("../../fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../../fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("../../fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../../fontawesome/webfonts/fa-solid-900.eot");
    src: url("../../fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../../fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../../fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}