.navbar-expand-xl .navbar-nav .dropdown:hover > .dropdown-menu {
    top: 80%;
}

/* Center the logo only on small screens */
@media (max-width: 767.98px) {
    .navbar-brand {
        margin: 0 auto;
    }
}