/*
@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('../fonts/Poppins-ExtraLight');
}*/

@font-face {
    font-family: 'Font Awesome 5 Light';
    font-style: normal;
    font-weight: 300;
    src: url('../webfonts/fontawesome-light-300.eot');
    src: url('../webfonts/fontawesome-light-300.eot?#iefix') format('embedded-opentype'), url('../webfonts/fontawesome-light-300.woff2') format('woff2'), url('../webfonts/fontawesome-light-300.woff') format('woff'), url('../webfonts/fontawesome-light-300.ttf') format('truetype'), url('../webfonts/fontawesome-light-300.svg#fontawesome') format('svg');
}

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

@media screen and (min-width: 799px) {
    @font-face {
        font-family: 'Poppins-Light';
        src: url('../fonts/Poppins-Light.otf');
    }
    @font-face {
        font-family: 'Poppins-Bold';
        src: url('../fonts/Poppins-Bold.otf');
    }
}