/* Default styles (for large screens like desktops) */
body {
    font-size: 16px;
}

/* Extra Large Screens (TVs, large desktops) */
@media screen and (min-width: 1400px) {
    body {
        font-size: 18px;
    }
}

/* Large Screens (Laptops, desktops) */
@media screen and (max-width: 1200px) {
    body {
        font-size: 16px;
    }
}

/* Medium Screens (Tablets, small laptops) */
@media screen and (max-width: 992px) {
    body {
        font-size: 14px;
    }
}

/* Small Screens (Landscape phones, large mobiles) */
@media screen and (max-width: 768px) {
    body {
        font-size: 13px;
    }
}

/* Extra Small Screens (Portrait phones, small devices) */
@media screen and (max-width: 480px) {
    body {
        font-size: 12px;
    }
}

/* Very Small Screens (Small phones) */
@media screen and (max-width: 360px) {
    body {
        font-size: 11px;
    }
}