.weather-container {
	display: flex;
}

.weather-date {
	text-align: center;
	font-weight: bold;
}

.weather-info {
	display: flex;
	text-align: center;
}

/** Weather pictures **/

.clear {
	background: url(/www/images/weather/clear.png) no-repeat;
}

.weather-night-container .clear {
	background: url(/www/images/weather/clear_oo.png) no-repeat;
}

.cloudy {
	background: url(/www/images/weather/cloudy.png) no-repeat;
}

.cloudy-with-clear-spells {
	background: url(/www/images/weather/cloudyClear.png) no-repeat;
}

.drift-snow {
	background: url(/www/images/weather/driftingsnow.png) no-repeat;
}

.few-clouds {
	background: url(/www/images/weather/fewclouds.png) no-repeat;
}

.fog {
	background: url(/www/images/weather/fog.png) no-repeat;
}

.hail {
	background: url(/www/images/weather/hail.png) no-repeat;
}

.heavy-rain {
	background: url(/www/images/weather/heavyrain.png) no-repeat;
}

.heavy-shower {
	background: url(/www/images/weather/heavyshower.png) no-repeat;
}

.heavy-snow-shower {
	background: url(/www/images/weather/heavysnowshower.png) no-repeat;
}

.heavy-snowfall {
	background: url(/www/images/weather/heavysnowfall.png) no-repeat;
}

.light-rain {
	background: url(/www/images/weather/lightrain.png) no-repeat;
}

.light-shower {
	background: url(/www/images/weather/lightshower.png) no-repeat;
}

.light-sleet {
	background: url(/www/images/weather/lightsleet.png) no-repeat;
}

.light-snow-shower {
	background: url(/www/images/weather/lightsnowshower.png) no-repeat;
}

.light-snowfall {
	background: url(/www/images/weather/lightsnowfall.png) no-repeat;
}

.mist {
	background: url(/www/images/weather/mist.png) no-repeat;
}

.moderate-rain {
	background: url(/www/images/weather/moderaterain.png) no-repeat;
}

.moderate-shower {
	background: url(/www/images/weather/moderateshower.png) no-repeat;
}

.moderate-sleet {
	background: url(/www/images/weather/moderatesleet.png) no-repeat;
}

.moderate-snow-shower {
	background: url(/www/images/weather/moderatesnowshower.png) no-repeat;
}

.moderate-snowfall {
	background: url(/www/images/weather/moderatesnowfall.png) no-repeat;
}

.overcast {
	background: url(/www/images/weather/overcast.png) no-repeat;
}

.risk-of-glaze {
	background: url(/www/images/weather/riskofglaze.png) no-repeat;
}

.snowstorm {
	background: url(/www/images/weather/snowstorm.png) no-repeat;
}

.thunder {
	background: url(/www/images/weather/thunder.png) no-repeat;
}

.thunderstorm {
	background: url(/www/images/weather/thunderstorm.png) no-repeat;
}

.variable-clouds {
	background: url(/www/images/weather/variableclouds.png) no-repeat;
}

.weather-picture {
	height: 60px;
	width: 60px;
	margin: auto;
	background-size: 55px;
}

/**End weather pictures**/

.weather-day {
	border-right: 1px solid darkgray;
	width: 25%;
}

.weather-day:last-child {
	border-right: none;
}

.weather-day-container, .weather-night-container {
	margin: 0 5px;
	width: 50%;
}

@media (max-width: 635px) {
	.weather-day {
		width: 50%;
	}

	.weather-container {
		display: flex;
		 flex-wrap: wrap;
	}
}