#flags-mobile{
    display: none;
}
#flags{
    display: inline-flex;
}
#flags,#flags-mobile {
    gap: 10px;
    /* Small space between flags */
    align-items: center;
    margin-left: 10px;
    /* Space between flags and Prague logo */
}

/* Individual Flag Links */
#flags a, #flags-mobile a {
    display: inline-block;
    width: 24px;
    height: 16px;
    transition: transform 0.2s ease;
    /* Smooth hover effect */
}

/* Flag Image Styling */
#flags img, #flags-mobile img {
    width: 125%;
    height: auto;
    border-radius: 2px;
    /* Optional: Rounded corners */
}

/* Hover Effect on Flags */
#flags a:hover {
    transform: scale(1.1);
    /* Slightly enlarge on hover */
}

/* Responsive Adjustment */
@media only screen and (max-width: 1024px) {
    #flags-mobile{
        display: inline-flex;
        margin-left:33% ;
    }
}