@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
       only screen and (min--moz-device-pixel-ratio: 1.5), 
       only screen and (-o-min-device-pixel-ratio: 3/2), 
       only screen and (min-device-pixel-ratio: 1.5), 
       only screen and (min-resolution: 144dpi), 
       only screen and (min-resolution: 1.5dppx) {

    .nav-bar, .logo, .nav {
        /* Increase font sizes, padding, or other properties as needed */
        font-size: 95%; /* Example: Increase font size */
        
    }
    /* Add any other high-resolution adjustments here */
}