/***********************************************************
* This CSS is responsible to adjusting the :root font-size
* of our Digital Signage project for various TV sizes.
* 
* Override the font-size set in the main.css for 720p TV
* Using min-width media queries font-size is adjusted as
* the screen being used gets bigger. 
************************************************************/

/*720 (1280x720)*/
:root{
    font-size: 10.666666667px; /*1280 ÷ 120rem = 10.66667*/
}


/*1080 (1920x1080)*/
@media screen and (min-width:1920px){
    :root{
        font-size: 16px; /*1920 ÷ 120rem = 16*/
    }
}

/*4K (3840x2160)*/
@media screen and (min-width:3840px){
    :root{
        font-size: 32px; /*3840 ÷ 120rem = 32*/
    }
}

/*8K (7680x4320)*/
@media screen and (min-width:7680px){
    :root{
        font-size: 64px; /*7680 ÷ 120rem = 64*/
    }
}