.weather-wrapper {
    position: relative;
}
.weather-wrapper .weather-icon {
    color: white;
}
.weather-wrapper .deg {
    padding-left: 1px;
}
.weather-wrapper > .weather {
    padding-top: 5px;
    position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.weather-wrapper > .weather > .temp {
    color: white;
    font: 900 20px 'rift-soft', sans-serif;
    margin-top: -8px;
	margin-left: 5px;
}

.weather-wrapper > .weather > .weather-icon {
    margin-bottom: 3px;
    font-size: 20px;
}

@media screen and (min-width: 1024px) {
	.weather-wrapper {
			min-width: 45px;
			margin-bottom: 7px;
	}
	
	.weather-wrapper > .weather {
		flex-direction: row;
	}
	
	.weather-wrapper > .weather > .temp {
		margin-top: 0;
	}

	.weather-wrapper > .weather > .weather-icon {
		margin-right: 3px;
		margin-bottom: 0;
	}
}