.weather-wrapper {
	padding: 15px;
}

.weather-wrapper .weather-box, .weather-wrapper .forecast-box  {
	float: left;
}

.weather-wrapper .weather-box.current {
	width: 260px;
}

.weather-wrapper .forecast-box {
	width: 200px;
}

.weather-wrapper .forecast-box .weather-box {
	width: 100%;
	margin-bottom: 6px;
}

.weather-wrapper .weather-box .weather-info {
	border-left: 1px solid #c9c9c6;
	padding-left: 8px; 
	font-size: 11px;
	float: left;
}

.weather-wrapper .weather-box.current .weather-info {
	height: 102px;
	font-size: 100%;
}

.weather-wrapper .weather-box .weather-icon  {
	padding: 3px 8px;
	float: left;
}

.weather-wrapper .weather-box.current  .weather-icon  {
	padding-left: 4px;
}

.weather-wrapper .weather-box .weather-icon img {
	width: 42px;
	height: 42px;
}

.weather-wrapper .weather-box.current .weather-icon img  {
	width: 96px;
	height: 96px;
}

.weather-wrapper .weather-box .weather-info .temp 
/*.weather-wrapper .weather-box .weather-info .condition*/ {
	font-weight: bold;
}

.weather-wrapper .weather-box .weather-info .temp {
	font-size: 2.3em;
}

.weather-wrapper .weather-box .weather-info .wind {
	font-size: 0.8em;
	line-height: 1.5em;
	/*margin-bottom: 1em;*/
}

@media screen and (max-device-width: 479px), screen and (max-width: 479px)  {
	.weather-wrapper .weather-box, .weather-wrapper .forecast-box  {
		float: none;
	}
	.weather-wrapper .forecast-box {
		width: auto;
	}
	.weather-wrapper .weather-box.current {
		margin-bottom: 10px;
	}
	.weather-wrapper .weather-box {
		min-width: 220px;
	}
}