/* Default (larger screens, over 1920px) */
#location-display {
    position: fixed;
    top: 16vh;
    right: 10px; /* 10px from the right edge */
    font-size: 1em;
    text-align: right;
    color: inherit;
    font-weight: 600;
}

#location-container {
    position: fixed;
    top: 40px; /* slightly below the display */
    right: 10px;
    font-size: 1.2em;
    text-align: right;
    color: inherit;
}

/* Medium screens (1281px to 1920px) */
@media (max-width: 1920px) {
    #location-display {
        font-size: 0.9em;
        top: 17vh;
        right: 10px; /* 10px from the right edge */
    }

    #location-container {
        font-size: 1.5em;
    }
}

/* Small screens (up to 1280px) */
@media (max-width: 1280px) {
    #location-display {
        font-size: 1.2em;
        top: 17vh;
        right: 10px; /* 10px from the right edge */
    }

    #location-container {
        font-size: 1em;
    }
}