.weather {
    font-family:arial, verdana, san-serif;
	font-size:20pt; 
    color:green;
    line-height: 28px;
}

#weather_header {
    font-family: arial, verdana, san-serif;
	font-size: 20pt; 
    font-weight: bold;
    color: black;
    line-height: 28px;
}
/* Style changes for medium screens */
@media only screen and (min-width: 600px) {

   
.weather {
	   font-size: 22pt; 
   }

#weather_header {
	   font-size: 22pt; 
   }
}

/* Style changes for large screens */
@media only screen and (min-width: 768px) {

   
.weather {
	   font-size:24pt; 
   }

#weather_header {
	   font-size: 24pt; 
   }
}