.menu-bar {
	width: 100vw;
	margin: auto;
    padding: 0 2vw;
    background-color: #93B7B1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    transition: top 0.5s ease-in-out;
    z-index: 999999;
}

.menu-bar.sticky {
    position: fixed;
    transition: top 0.5s ease-in-out;
    top: 0;
}

.hamburger-menu-icon {
    color: white;
    font-size: max(3vh, 2vw, 20px);
}

.menu-item {
    margin: 0 1vw;
    padding: max(1vh, 1vw) 2vw;
    box-sizing: border-box;
    height: 100%;
    color: white;
    background-color: #93B7B1;
    font-family: Cinzel Decorative;
    font-size: max(2vh, 1vw, 15px);
    text-decoration: none !important;

}

.menu-item:hover {
    background-color: #ffffff;
    color: black;
}

.dropdown-menu {
    background-color: #93B7B1;
    border: none;
    text-align: center; /* Align the dropdown items in the center */
}

.dropdown-item {
    text-decoration: none;
    font-family: Cinzel Decorative;
    font-size: max(2vh, 1vw, 15px);
}

.language-selector {
    display: inline-block;
    padding: 0 2vw;
    margin-left: auto;
}

.selectpicker {
    background-color: transparent;
    font-family: Cinzel Decorative;
    font-size: max(2vh, 1vw, 15px);
    border: none;
    outline: none;
    color: #E4D2CC;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0 1vw;
    padding: max(1vh, 1vw) 3vw;
}

.selectpicker:hover {
    background-color: #ffffff;
    color: black;
}