
@media (min-width:901px){
 .site-header .header-inner{
   width:calc(100% - 36px)!important;
   max-width:none!important;
   padding:0!important;
   gap:8px!important;
 }
 .site-header .brand{
   flex:0 0 150px!important;
   width:150px!important;
   max-width:150px!important;
   margin-right:5px!important;
 }
 .site-header .brand img{width:150px!important;max-width:150px!important;height:auto!important}
 .site-header .nav{
   flex:1 1 auto!important;
   min-width:0!important;
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   gap:13px!important;
   white-space:nowrap!important;
 }
 .site-header .nav > a,
 .site-header .nav-group > button{
   flex:0 0 auto!important;
   font-size:9.5px!important;
   letter-spacing:.15px!important;
   line-height:1!important;
   padding:8px 0!important;
   margin:0!important;
 }
 .site-header .header-cta,
 .site-header .donate,
 .site-header a[href*="donate"]{
   flex:0 0 auto!important;
   margin-left:2px!important;
   padding-left:13px!important;
   padding-right:13px!important;
   min-width:auto!important;
   font-size:9.5px!important;
 }
}
@media (min-width:901px) and (max-width:1050px){
 .site-header .header-inner{width:calc(100% - 20px)!important;gap:5px!important}
 .site-header .brand{flex-basis:125px!important;width:125px!important;max-width:125px!important;margin-right:2px!important}
 .site-header .brand img{width:125px!important;max-width:125px!important}
 .site-header .nav{gap:9px!important}
 .site-header .nav > a,.site-header .nav-group > button{font-size:8.7px!important}
 .site-header .header-cta,.site-header .donate,.site-header a[href*="donate"]{
   padding-left:10px!important;padding-right:10px!important;font-size:8.7px!important
 }
}
