/* weather.css
---------------------------------------- */

.weather {
	text-align: center;
}

.current-weather {
	float: left;
	padding-left: 5em;
}

.weather-forecast {
	float: right;
	padding-right: 5em;
}

/* responsive design */
@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
.current-weather {
	float: left;
	padding-left: 2em;
}

.weather-forecast {
	float: right;
	padding-right: 2em;
}
}

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
.current-weather {
	float: none;
	padding-left: 0;
	text-align: center;
}

.weather-forecast {
	float: none;
	padding-right: 0;
	text-align: center;
}
}