#umms-o header#site-header #logo-banner-container #utility-nav-container,
#umms-o header#site-header #logo-banner-container #site-logo a.secondary-logo,
#umms-o header#site-header #logo-banner-container #site-banner,
header#site-header #site-banner,
header#site-header #utility-nav-container {
    display: none;
	width:0;
	height:0;
}

@media(min-width: 769px) {
    #umms-o header#site-header {
		margin-bottom: 25px;
		grid-auto-rows: auto;
		grid-template-columns: .5em 1fr 3fr .5em;
		grid-template-areas: 
			"alerts alerts alerts alerts"
			"search search search search"
			"header-left header-logo header-banner header-right"
    }


    #umms-o header#site-header>section.alerts {
        grid-row: alerts / search-start;
        grid-column: span 4;
    }

    #umms-o header#site-header #search-container-site {
        grid-row: search / header-start;
        grid-column: 2/4;
        justify-self: end;
    }
	#umms-o header#site-header #search-container-site.open {
        height: 60px;
    }

    #umms-o header#site-header #logo-banner-container {
        grid-row: header / header-end;
        grid-column: 2/4;
        display: grid;
		grid-template-columns: 1fr 3fr;
		grid-template-rows: 1fr;
        width: 100%;
		margin-bottom:0;    
		min-height: 80px;
    }


    #umms-o header#site-header #logo-banner-container #open-site-search {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
        justify-content: end;
		align-self: start;
		margin-bottom:0;
    }


    #umms-o header#site-header #logo-banner-container #site-logo {
        display: inline-block;
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		align-self: end;
        width: auto;
		/*max-width: 187px;  on separate mslp css files  */
        justify-content: start;
		margin-bottom:0;
		max-height: 58px;
		padding: 0 0 !important;
    }

    #umms-o header#site-header #logo-banner-container #site-logo a.logo {
        display: inline-block;
        flex: 0 1 auto;   
		margin-bottom:0;     
    }

    

    #umms-o header#site-header #main-nav-div-container {
        grid-column: header-logo-end / header-banner;
        grid-row: header / header-end;
		justify-self: end;
		align-self: end;

    }
}

@media(min-width: 769px) and (max-width: 820px) {
	#umms-o header#site-header #logo-banner-container #site-logo a.logo img {
        min-height: 48px;
        max-height: 48px;
        height: 48px;
		margin-bottom:0;
    }
}
@media(min-width: 821px) {
	
	#umms-o header#site-header #logo-banner-container #site-logo a.logo img {
        min-height: 58px;
        max-height: 58px;
        height: 58px;
		margin-bottom:0;
    }
}

@media(min-width: 1301px) {
	#umms-o header#site-header {
	grid-template-columns: auto 250px 1050px auto;
	}
	
	#umms-o header#site-header #logo-banner-container {
		grid-template-columns: 250px 1050px;
    }
}


@media(max-width: 1300px) {


    header#site-header #logo-banner-container {
        width: 100%
    }

    header#site-header #logo-banner-container #utility-nav-container {
        width: 88%
    }

    header#site-header #logo-banner-container #open-site-search {
        width: 12%;
        text-align: right
    }

    header#site-header #logo-banner-container #open-site-search.util-none {
        width: 100%
    }
}

@media(max-width: 768px) {
    header#site-header {
        display:block
    }

    header#site-header #open-main-nav {
        display: block;
        background-color: #35374d;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        height: 50px;
        width: 25%;
        padding-top: .65rem;
        padding-left: .5rem
    }

    header#site-header #open-main-nav.mainmenu-none.util-none svg {
        display: none
    }

    header#site-header #logo-banner-container #open-site-search {
        background-color: #35374d;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 999;
        height: 50px;
        width: 25%;
        display: flex;
        justify-content: end;
        padding-top: .5rem;
        padding-right: .75rem
    }

    header#site-header #logo-banner-container #open-site-search svg {
        width: 26px;
        color: #fff
    }

    header#site-header #logo-banner-container #open-site-search svg path {
        fill: #fff
    }

    header#site-header #logo-banner-container #open-site-search.search-none svg {
        display: none
    }

    header#site-header #logo-banner-container #site-logo {
        background-color: #35374d;
        position: fixed;
        top: 0;
        left: 25%;
        right: 25%;
        padding-bottom: 4px;
        padding-top: 10px;
        z-index: 999;
        height: 50px;
        width: 50%;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        flex: 0 1 auto;
        justify-content: center;
        z-index: 95034
    }

    header#site-header #logo-banner-container #site-logo a {
        display: inline-block;
        max-height: 35px;
        min-height: 35px;
        flex: 0 1 auto;
        align-self: center
    }

    header#site-header #logo-banner-container #site-logo a img {
        max-height: 35px;
        min-height: 35px
    }

    header#site-header #logo-banner-container #site-logo a.secondary-logo {
        display: inline-block;
        flex: 0 1 auto;
        align-self: center
    }

    header#site-header #logo-banner-container #site-logo a.secondary-logo img {
        max-height: 35px;
        min-height: 35px
    }

    header#site-header #logo-banner-container #site-logo .secondary-logo-vrule {
        align-self: stretch;
        margin: 0 .3rem;
        width: 1px;
        border-left: 1px solid #fff
    }

    header#site-header #logo-banner-container #site-banner {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around
    }

    header#site-header div#main-nav-div-container,header#site-header #utility-nav-container {
        display: none
    }
}



.grid-container.baseline .grid-layout {
    align-items: baseline;
}
@media (max-width: 770px) {
    .utility-r {
       display:none;
    }
}

/*homepage*/
.hp-research h2, .hp-qi h2 {
  text-transform: uppercase;
  font-size: 2.5em;
}


.hp-research .hp-btn-text {
    padding-left: 3em;
    padding-right: 3em;
    display: flex;
    gap: 1em;
    justify-content: end;
    align-items: center;
   flex-wrap: wrap;
}
.hp-qi  .hp-btn-text{
    padding-left: 3em;
    padding-right: 3em;
    display: flex;
    gap: 1em;
   align-items: center;
   flex-wrap: wrap;
}

@media screen and (max-width: 770px)  {
   .hp-research .hp-btn-text,
   .hp-qi  .hp-btn-text{
       justify-content: center;
     padding-left: 1em;
     padding-right: 1em;
  }
}