@media only screen and (min-width: 1024px)
{
    #footer
    {
        display: none;
    }

    .header-or-footer-bar
    {
        height: 34px;
        font-size: 21px;
    }

    .header-icon
    {
        line-height: 1.15 !important; /* restore 1.15 line height from being overwritten by font awesome.
                                       without restoring, font awesome icons not vertically centered in bar.
                                       only appears to impact thinner header bar used by header in large mode*/
    }

    .slider::-webkit-slider-thumb {
        height: 5mm;
        width: 5mm;
    }

    .slider::-moz-range-thumb
    {
        height: 5mm;
        width: 5mm;
    }

}