#menuBar-icon-menu {
    display: block;
    position:fixed;
    width: 30px;
    z-index:999;
    filter: brightness(0) invert(1);
    top:20px;
    right:20px;
}

.menuBar-menu-bar {
    flex-direction: column;
    padding-left: 2vw;
}

.menuBar-menu-container{
    display: none;
    justify-content: center;
    width: 100%;
    padding-top:10px;
}

.menuBar-menu {
    flex-direction: column;
    align-items: left;
    padding: 20px;
    width:80vw;
}

.menuBar-logo {
    align-items: left;
}
.menuBar-search{
    display: none;
    align-items: left;
}

.menuBar-search input {
    width: 60vw;
}

.menuBar-dropdown{
    z-index: 2;
}



@media only screen and (max-width: 300px) {
    .menuBar-logo {
      zoom:0.5;
    }
}