.navbar {
    font-family: "Josefin Sans";


}

.fs-24 {
    font-size: 24px;
}

.fs-22 {
    font-size: 22px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #f5673c;
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #3c3c3cad;
    border: 1px solid white;
}

.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: none;
}

.dropdown-divider {
    border-top: 1px solid white;
}

.navbar-nav li {
    list-style: none;
    /* padding: 0.3rem; */
    text-decoration: none;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #f5673c;
    background-color: transparent;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #f5673c;
}

@media screen and (min-width: 375px) and (max-width: 767px) {
    .navbar-nav .dropdown-menu {
        width: 85%;
    }

}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .navbar-nav .dropdown-menu {
        width: 35%;
    }
}

@media screen and (min-width: 770px) and (max-width: 999px) {
    .navbar-nav .dropdown-menu {
        width: 44%;
    }
}

@media screen and (min-width: 320px) and (max-width: 1195px) {
    hr {
        border-top: 1px solid white;
    }

}

@media screen and (min-width: 1200px) {
    .navbar-nav .dropdown-menu {
        width: 280px;
    }
}