.dropdown-menu {
    overflow-wrap: break-word;
    text-align: left;
    background-color: #f7f7f7;
}

.navbar-nav .dropdown-menu .dropdown-item:hover {
    word-wrap: break-word;
    background-color: #002E5D; /*change section background colour on hover*/
    text-align: left;
    max-width: 350px;
    color: #f7f7f7 !important; /*change text colour on hover*/
}

.navbar-nav .nav-link {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    text-align: left;
}
/* Reduce navbar height on desktop */
.navbar {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    text-align: left;
}