.title-bar {
    display:flex;
    flex-direction:row;
    min-height:70px;
    max-height: 95px;
    
    background-color: var(--title-bar-bg);
 /*   display: flex; */
    
}

.title-img-container{
    flex: 0 1 auto;
    margin-inline:10px;
    border-radius:2px;
    
}
.title-img{
    margin-top:3px;
    flex: 0 1 auto; 
}

.menu-image { 
    flex: 0 1 auto;
    max-width:50px;
    margin-top:7px;
    border-radius:5px;
}
.menu {
    display: none;
    position: absolute;
    border-radius:5px;
    font-size:30px;
/*    transform: translateX(-50%); */
    background-color: var(--menu-bg);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.menu-button{
    margin-inline:10px;
    border-radius:5px;
}