@charset "UTF-8";
form { margin-bottom: 1em; }

#test{float:left; 
margin-left:0px; 
}

.weatherFeed {
	width:320px;
	font-size: 80%;
	margin-bottom:25px;
}
.weatherFeed a { color: #888; display:none;}
.weatherFeed a:hover {
	color: #000;
	text-decoration: none;
}
.weatherItem {
	padding:0 0 20px 125px;
	text-align: center;
	background-position:-20% 0;
}
.weatherCity { 
text-transform: uppercase;
font-size: 20px;
font-weight:100;
padding:10px;
color:#fff;}
.weatherTemp {
	font-size:35px;
	padding:10px;
color:#fff;
letter-spacing:-5px; 
}
.weatherDesc, .weatherCity, .weatherForecastDay  { font-weight: normal; }
.weatherDesc { margin-bottom: 0.4em; display:none;}
.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { 
font-size: 10px; 
	padding:10px;
color:#fff;}
.weatherLink, .weatherForecastItem {
	margin-top: 0.5em;
	text-align: left;
}
.weatherForecastItem {
	padding: 0.5em 0.5em 0.5em 80px;
	background-color: #fff;
	background-position: left center;
}
.weatherForecastDay { font-size: 1.1em; }

.odd { }
.even {
}

/*  DESKTOP Xlarge  */
@media only screen and (min-width:1600px) {.weatherTemp {
	font-size:45px;
}
#test{
margin-top:45px; }
}
/*  DESKTOP  */
@media only screen and (min-width:1024px) and (max-width:1220px){
	.weatherTemp {
	font-size:35px;
}
}
/*  tablet  */
@media only screen and (min-width:768px) and (max-width:1023px){
#test{float:none;
margin-left:100px;}
.weatherTemp {
	font-size:35px;
}
}
/* smartphone-tablet */ 
@media screen and (min-width:480px) and (max-width:767px){
#test{float:none;
margin-left:35px;}
}
/*  smartphone  */
@media only screen and (max-width:479px){
#test{float:none;
margin-left:0px;}
.weatherFeed {
	width:300px;}
}