   
#usa-top-banner { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.6; background-color: #15263b; margin-top: 0px; padding: 2px 15px 4px 15px; width: 100%; position: relative; color: #fff; }  /* gray = background-color: #f0f0f0; navy blue = background-color: #15263b; */
#usatextDIV   { background-color: #15263b; padding: 20px 0px 5px 0px; font-size: 14px; position: relative; width: auto; max-width: 100%; flex-wrap: wrap; }
      
.usa-lock-bl { height: 1.5ex; width: 1.21875ex; }   
    
.usa-banner-button { color: #aebfd4; font-size: 13px; text-decoration: underline; border: none; background-color: none !important; background: none !important;  }  
      
 /*  up arrow*/
.usa-banner-button::after { content: ""; margin-left: 6px; border: solid #aebfd4; border-width: 0 2px 2px 0; display: inline-block; padding: 1.5px; }

.usa-banner-button[aria-expanded=true]::after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }      
  
/*  down arrow*/
.usa-banner-button[aria-expanded=false]::after { transform: rotate(45deg); -webkit-transform: rotate(45deg); }  

button.usa-banner-button[aria-expanded=true] + div { display: flex; }
button.usa-banner-button[aria-expanded=false] + div { display: none; }   
    
.usatext-wrap-left { float: none; width: 100%; max-width: 440px; position: relative; display: flex; padding-right: 20px; }    
.usaimg-wrap-left { float: left; width: 55px; } 
.usatext-left { float: left; width: 320px; padding-bottom: 20px; }
 
.usatext-wrap-right { float: none; width: 100%; max-width: 480px; position: relative; display: flex; }    
.usaimg-wrap-right { float: left; width: 55px; }
.usatext-right { float: left; width: 340px; padding-bottom: 20px; }  
    
.usa-flag-icon { padding-right: 7px; width: 24px; height: 13px; vertical-align: middle; box-sizing: border-box; }      
.icon-dot-gov  { width: 40px; }     
.icon-https   { width: 40px; }
    
.usa-top-inner-wrap  {  width: 100%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }  
        
.usa-text-15 { font-size: 15px; }  
    
    
@media (min-width: 650px) {
    
#usa-top-banner {  padding: 2px 15px 4px 15px; }     
#usatextDIV   { flex-wrap: nowrap; }   
    
.usatext-wrap-left { float: left; width: 50%; max-width: 440px; padding-right: 12px; }    
.usaimg-wrap-left { float: left; width: 50px; } 
.usatext-left { float: left; width: 185px; padding-bottom: 20px; }
 
.usatext-wrap-right { float: left; width: 50%; max-width: 480px; }    
.usaimg-wrap-right { float: left; width: 50px; }
.usatext-right { float: left; width: 235px; padding-bottom: 20px; }        
    
 }      
    
    
    
@media (min-width: 768px) {

#usa-top-banner {  padding: 2px 15px 4px 35px; }           
#usatextDIV   { padding: 20px 25px 5px 0px;  }   
   
.usa-top-inner-wrap  { max-width: 720px; }         
    
.usatext-wrap-left {  width: 50%; max-width: 440px;  padding-right: 10px; }    
.usaimg-wrap-left {  width: 52px; } 
.usatext-left { width: 255px; padding-bottom: 20px; }
 
.usatext-wrap-right { width: 50%; max-width: 480px; }    
.usaimg-wrap-right { width: 52px; }
.usatext-right { width: 270px; padding-bottom: 20px; }      
    
.icon-dot-gov  { width: 42px; }     
.icon-https   { width: 42px; }     
    
 }   
    
    
@media (min-width: 992px) {
  
.usa-top-inner-wrap  { max-width: 960px; }       
    
.usatext-wrap-left {  width: 50%; max-width: 440px;  padding-right: 15px; }    
.usaimg-wrap-left { width: 55px; } 
.usatext-left {  width: 340px; padding-bottom: 20px; }
 
.usatext-wrap-right { width: 50%; max-width: 480px; }    
.usaimg-wrap-right { width: 55px; }
.usatext-right { width: 385px; padding-bottom: 20px; }      
    
.icon-dot-gov  { width: 45px; }     
.icon-https   { width: 45px; }       
    
 }
      
    
@media (min-width: 1200px) { 
    
.usa-top-inner-wrap  { max-width: 1140px; }      
 
.usatext-wrap-left { width: 50%; max-width: 440px; padding-right: 20px; }    
.usaimg-wrap-left { width: 55px; } 
.usatext-left { width: 340px; padding-bottom: 20px; }
 
.usatext-wrap-right { width: 50%; max-width: 480px; }    
.usaimg-wrap-right { width: 55px; }
.usatext-right { width: 425px; padding-bottom: 20px; }      
    
}
    
    
 @media (min-width: 1400px) { 
     
.usa-top-inner-wrap  { max-width: 1320px; }  
    
}