/* For class: logo_menu_bar
This is for the div that encloses both the logo_bar and menu_bar at top of page
*/
/*-------*/
div.logo_menu_bar 
{
    display:table;
    margin:0;
    width:100%;
}
div.logo_menu_bar div
{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
div.logo_menu_bar a:hover { text-decoration:none; }
/*-------*/
@media screen and (min-width:601px) {
    div.logo_menu_bar.phone { display:none;} /* The _alt is only used when a menu_bar is also used, if no menu_bar is used, then _alt is not used and so the logo_menu_bar is still displayed */
}
/*-------*/
@media screen and (max-width:600px) {
    div.logo_menu_bar.phone {align-items:center; background-color:#dddddd; display:flex; flex-wrap:wrap; justify-content:space-between;}
    div.logo_menu_bar.phone a:focus {color: yellow;}
    div.logo_menu_bar.phone a:hover {color: white;}
    div.logo_menu_bar h1 {font-size: Medium; margin: 0; padding: .5em 0 .5em .25em; } /* Title of website */
    div.logo_menu_bar.phone div.menu_icon.phone { display:block; }
    div.logo_menu_bar.phone div.title { display:block; }
}
/*-------*/