@media only screen and (min-width: 767px) {
    @font-face {
        font-family: 'poppins';
        src: url('/assets/fonts/poppins/extra-light.ttf') format('truetype');
        font-weight: 100;
        font-display: fallback;
    }

    @font-face {
        font-family: 'poppins';
        src: url('/assets/fonts/poppins/light.ttf') format('truetype');
        font-weight: 250;
        font-display: fallback;
    }

    @font-face {
        font-family: 'poppins';
        src: url('/assets/fonts/poppins/regular.ttf') format('truetype');
        font-weight: 400;
        font-display: fallback;
    }

    @font-face {
        font-family: 'poppins';
        src: url('/assets/fonts/poppins/medium.ttf') format('truetype');
        font-weight: 500;
        font-display: fallback;
    }

    @font-face {
        font-family: 'poppins';
        src: url('/assets/fonts/poppins/semi-bold.ttf') format('truetype');
        font-weight: 750;
        font-display: fallback;
    }

    @font-face {
        font-family: 'poppins';
        src: url('/assets/fonts/poppins/bold.ttf') format('truetype');
        font-weight: 900;
        font-display: fallback;
    }
}