/*Define the biggest size */


    .SAI_head{
        color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-size: 3.7em;
         font-weight: 900!important;
    }

    .SAI_sub-head{
         color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        
        font-size: 2.3em;
        font-weight: 500!important;
    }

    .SAI_Currently
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 500!important;
        font-size: 2.3em;

    }

       .SAI_VarName
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 2.0em;

    }

    .SAI_VarValue
    {
        color: #FFFFFF;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 1.8em;
    }

    .SAI_Arrow
    {
       width: 40px;
    }


/*define sizes as width decreases */

@media screen and (max-width: 2000px)  {

    .SAI_head{
        color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-size: 2.8em;
         font-weight: 900!important;
    }

    .SAI_sub-head{
         color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        
        font-size: 1.8em;
        font-weight: 500!important;
    }

    .SAI_Currently
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 500!important;
        font-size: 2.3em;

    }

       .SAI_VarName
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 1.5em;

    }

    .SAI_VarValue
    {
        color: #FFFFFF;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 1.3em;
    }

    .SAI_Arrow
    {
       width: 30px;
    }




}


@media screen and (max-width: 1750px)  {

    .SAI_head{
        color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-size: 2.3em;
         font-weight: 900!important;
    }

    .SAI_sub-head{
         color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        
        font-size: 1.4em;
        font-weight: 500!important;
    }

    .SAI_Currently
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 500!important;
        font-size: 1.8em;

    }

       .SAI_VarName
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 1.1em;

    }

    .SAI_VarValue
    {
        color: #FFFFFF;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 1.0em;
    }

    .SAI_Arrow
    {
       width: 20px;
    }




}



@media screen and (max-width: 1400px)  {

    .SAI_head{
        color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-size: 2.3em;
         font-weight: 900!important;
    }

    .SAI_sub-head{
         color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        
        font-size: 1.0em;
        font-weight: 500!important;
    }

    .SAI_Currently
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 500!important;
        font-size: 1.5em;

    }

       .SAI_VarName
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 0.9em;

    }

    .SAI_VarValue
    {
        color: #FFFFFF;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 0.9em;
    }

    .SAI_Arrow
    {
       width: 20px;
    }




}


@media screen and (max-width: 1024px)  {

    .SAI_head{
        color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-size: 1.4em;
         font-weight: 900!important;
    }

    .SAI_sub-head{
         color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        
        font-size: 1.0em;
        font-weight: 500!important;
    }

    .SAI_Currently
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 500!important;
        font-size: 1.0em;

    }

       .SAI_VarName
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 0.6em;

    }

    .SAI_VarValue
    {
        color: #FFFFFF;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 0.6em;
    }

    .SAI_Arrow
    {
       width: 15px;
    }




}


@media screen and (max-width: 600px)  {


    .SAI_head{
        color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-size: 3.0em;
         font-weight: 900!important;
    }

    .SAI_sub-head{
         color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        
        font-size: 2.3em;
        font-weight: 500!important;
    }

    .SAI_Currently
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 500!important;
        font-size: 2.3em;

    }

       .SAI_VarName
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 2.0em;

    }

    .SAI_VarValue
    {
        color: #FFFFFF;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 1.8em;
    }

    .SAI_Arrow
    {
       width: 40px;
    }



}




@media screen and (max-width: 300px)  {

    .SAI_TimeDateAdj{
        margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: bold;
        font-size: 0.9em;
    }

 	.SAI_lineTopAndBottom {
        border-top: 2px solid #0071BC;
        border-bottom: 2px solid #0071BC;
        margin-top: 0.5%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
    }

    .SAI_head{
         color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: bold;
        font-size: 1.0em;
    }

    .SAI_sub-head{
         color: #ffffff;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 0.7em;
    }

    .SAI_VarName
    {
        color:#FFFF00;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 0.2em;

    }

    .SAI_VarValue
    {
        color: #FFFFFF;
         margin-top: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        margin-left: 0%;
        font-weight: 100em;
        font-size: 0.1em;
    }


}