@charset "utf-8";
/* CSS Document */

 header, footer {
     display: block;
     height: 155px;
     border: none;
	/*border: thin solid #FF0000;*/
  
}

 div.header 
/*, footer*/
 {
     display: block;
     margin: 0px;
     margin-top: 100px;
     padding: 5px;
     border: 20px solid red;
   /* border-radius: 0pt;*/
    
}


 header {
	background: linear-gradient(to right,#222,#444, #222);
	position: fixed;
	width: 100%;
	height:125px; /*auto*/
	margin-top:0;
	top: 00px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-bottom-style: solid;
	border-top-color: #F9F9F9;
	border-right-color: #FFFFFF;
	border-bottom-color: #FF0000;
	border-left-color: #FFFFFF;	  
}
 
header {z-index: 5}
header {display: flex; flex-direction: row; justify-content:space-around;}
 
 
 #noaa {
	 position: absolute; 
	 top:25px; 
	 right: 12%;
	 /*background-color: red;*/
}

 /*span.nameholder-white {
     display:block;
     position:absolute;
     top: 28%;
     left: 70%;
	 width: 13%;}*/

span.nameholder-white {
     display:block;
     position:fixed;
     top: 7%;
     left: 7%;
	 width:20%;z-index: 5;
	
}


 span.nameholder-white img {
    width: 100%;
    height: auto;
}

 /* Too narrow to support three columns */
  @media all and (max-width: 640px) {
	  

	
	span.nameholder-white {display:block;
     position: fixed;
     top: 1%;
     left: 50%;
	 width: 45%;
	 z-index: 6;}
	 
	span.nameholder-white img {
    width: 100%;
    height: auto;
}
	
	


 }