html > body #nav .nav-menu-mobile-only {
    display: none;
}

@media ( max-width: 1200px ) {

    html > body #nav .nav-menu-mobile-only {
        display: block;
    }
}
#hdr #logo {
    align-items: center;
    max-width: 730px;
}
.branding-name-and-tagline {
    margin-left: 10px;
    font-size: 1em !important;
    font-weight: bold !important;
}
.branding-tagline {
    font-size: 0.9em;
    font-style: italic;
    font-family: serif;
    margin-top: 10px;
}
.branding-desc {
	font-size:1.2em;
	margin-top: 9px;
	color:#000;
}
@media screen and (max-width: 1200px) {
    #hdr {
        padding: 0;
    }
    #site-branding{
        visibility: hidden;
        display: none;
    }
    .branding-tagline{
        visibility: hidden;
        display: none;
    }
}

#menu-main-menu .sub {
    font-size: 0.8em;
    /*display: contents;*/
    text-align: left;
    text-transform: none;
    line-height:150%;
    font-weight:normal;
    padding-right: 25px;
    padding-left: 25px; 
    padding-top: 15px;
}
#menu-main-menu .sub p {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 5px;
}
ul#menu-main-menu li a {
    flex-direction: column;
    padding-left: 20px;
    align-items: baseline;
    white-space: inherit;
    text-align: left;
    font-size: 18px;
}
@media only screen and (max-width: 1099px) {
    .banner_wrapper { display: block; }
    .banner_left, .banner_right { width: 100%; }
    ul#menu-main-menu li { height: 120px; }
}
@media only screen and (max-width: 640px) {
    ul#menu-main-menu li { height: 150px; }
}