#weather-warning{ width:96%; padding:2%; background-image:url(images/red-fade.png); border:1px solid #640000; color:white; display:block; height:auto; margin-bottom:15px; }
#weather-warning p, #weather-warning em{ display:block; }
#weather-warning em{ font-size:1.3em; }
#weather-warning h3{ color:white; font-size:2em; padding-right:25%; line-height:100%; clear:both; letter-spacing:initial; }
#weather-warning h4{ color:white; font-size:1.3em; text-align:center; width:100%; text-align:left;  letter-spacing:initial; display:block; float:left; line-height:100%; margin-bottom:5px; opacity:0.35; font-family: LubalinGraphStd-book; }
#weather-warning b{ text-align:right; width:30%;  display:block; float:right; }
#weather-warning a{ color:white; text-decoration:none; }
#weather-warning a:hover{ text-decoration:underline;  }
#weather-warning span#ww_close{ width:20px; height:20px; background-image:url(images/close-button.png); float:right; position:absolute; right:2%; z-index:9999; }

#ww_main{ background-position:92% 50%; background-size:20%; background-repeat:no-repeat; }

/*
.icon1{ background-image: url(images/1.png); }
.icon2{ background-image: url(images/2.png); }
.icon3{ background-image: url(images/3.png); }
.icon4{ background-image: url(images/4.png); }
.icon5{ background-image: url(images/5.png); }
.icon6{ background-image: url(images/6.png); }
.icon7{ background-image: url(images/7.png); }
*/

@media all and (max-width: 959px) and (min-width: 768px){
  
}

@media all and (max-width: 767px) and (min-width: 480px){
#weather-warning h4{ font-size:1.5em; text-align:center; padding-top:15px; }
#weather-warning h3{ font-size:1.5em; font-weight:bold; letter-spacing:0.25px; width:70%; }
#weather-warning a{ font-size: 0.6em; text-transform: uppercase; }
#ww_main{ background-position: 92% 70%; background-size: 30%; }
}

@media all and (max-width: 479px) and (min-width: 0px){
#weather-warning{ width: auto; padding:4%; margin-top:8px; }
#weather-warning h4{ font-size: .85em; padding-top:8px; text-align: left; width: 100%; letter-spacing: initial; }
#weather-warning h3{ font-size:1.2em; font-weight:bold; letter-spacing:initial; margin: 0px; padding: 0px; line-height: 100%; }
#weather-warning p{ line-height: 115%; font-size: 14px; padding: 8px 0px; margin:0px; }
#ww_main{ background-position:center 40px; background-size:40%; }
#ww_main{   }
#weather-warning em{ padding: 2% 10%; background-color: white; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 8px 0px; line-height: 100%; font-style: inherit; }
#weather-warning em a{ color:#b90000; text-decoration:none; font-size:14px; }
#weather-warning em a:hover{ text-decoration: underline; }
}