html {
    /* Base font size */
    font-size: 16px;
}

body {
    @font-face {
        font-family: "Inter";
        font-style: normal;
        src: url("../fonts/Inter-Light.ttf") format("ttf");
        font-weight: 300;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        src: url("../fonts/Inter-Regular.ttf") format("ttf");
        font-weight: 400;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        src: url("../fonts/Inter-Medium.ttf") format("ttf");
        font-weight: 500;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        src: url("../fonts/Inter-SemiBold.ttf") format("ttf");
        font-weight: 600;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        src: url("../fonts/Inter-Bold.ttf") format("ttf");
        font-weight: 700;
    }
    font-family: "Inter";
}

@media (max-width: 1399px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    html {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 13px;
    }
}

@media (max-width: 575px) {
    html {
        font-size: 12px;
    }
}