/* REM-based viewport system from the STILD blank theme. */

@media (max-width: 639px) {
    html {
        font-size: 3.125vw;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    html {
        font-size: 1.5625vw;
    }
}

@media (min-width: 1280px) {
    html {
        font-size: 0.78125vw;
    }

    html[data-ui-scale="medium"] {
        font-size: 0.703125vw;
    }

    html[data-ui-scale="small"] {
        font-size: 0.61vw;
    }

    html[data-ui-scale="smallest"] {
        font-size: 0.5vw;
    }
}

@media (min-width: 2560px) {
    html {
        font-size: 20px;
    }
}

@media (min-width: 3840px) {
    html {
        font-size: 30px;
    }
}