@media (min-width:320px) {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    #LegendPrior {
        font-size: xx-small;
    }

    .fitscreen {
        overflow: auto;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .UlItems li {
        font-size: xx-small;
    }
}

@media (min-width:480px) {
    /* smartphones, Android phones, landscape iPhone */
    #LegendPrior {
        font-size: xx-small;
    }

    .fitscreen {
        overflow: auto;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .UlItems li {
        font-size: xx-small;
    }
}

@media (min-width:600px) {
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    #LegendPrior {
        font-size: xx-small;
    }

    .fitscreen {
        overflow: auto;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .UlItems li {
        font-size: xx-small;
    }
}

@media (min-width:801px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    #LegendPrior {
        font-size: medium;
    }

    .fitscreen {
        overflow: auto;
        overflow-x: hidden;
    }

    .UlItems li {
        font-size: medium;
    }
}

@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
    #LegendPrior {
        font-size: medium;
    }

    .fitscreen {
        overflow: auto;
        overflow-x: hidden;
    }

    .UlItems li {
        font-size: medium;
    }
}

@media (min-width:1281px) {
    /* hi-res laptops and desktops */
    #LegendPrior {
        font-size: medium;
    }

    .fitscreen {
        overflow: auto;
        overflow-x: hidden;
    }

    .UlItems li {
        font-size: medium;
    }
}