body {
	text-align:center;
}
.forecast {
  text-align: center;
}

.forecast-now {
  clear: left;
}

.forecast-now .city-name {

}

.forecast-now .forecast-a-day {

}

.forecast-now .forecast-a-day .weather-day {
  
}

.forecast-now .forecast-a-day .weather-wrapper {
  height: 6em;
  position: relative;
  font-size: 1.2em;
}
.forecast-now .forecast-a-day .weather-wrapper span {
  position: absolute;
  bottom: 1em;
  width: 48%;
}
.forecast-now .forecast-a-day .weather-wrapper span.weather-main {
  left: 0px;
  text-align: right;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: auto 100%;
  height: 4em;
}
.forecast-now .forecast-a-day .weather-wrapper span.weather-description {
  display: none;
}
.forecast-now .forecast-a-day .weather-wrapper span.weather-icon {
  display: none;
}
.forecast-now .forecast-a-day .weather-wrapper span.main-temp {
  right: 0px;
  text-align: left;
  font-size: 1.4em;
  bottom: 2em;
}

.forecast-daily {
  clear: left;
}

.forecast-daily .forecast-a-day {
  float: left;
}

.forecast-daily .forecast-a-day .weather-day {

}

.forecast-daily .forecast-a-day .weather-wrapper {
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: auto 100%;
  position: relative;
  font-size: 14px;
}
.forecast-daily .forecast-a-day .weather-wrapper span {
  position: absolute;
  bottom: -30px;
  width: 45%;
}
.forecast-daily .forecast-a-day .weather-wrapper span.weather-main {
  display: none;
}
.forecast-daily .forecast-a-day .weather-wrapper span.weather-description {
  display: none;
}
.forecast-daily .forecast-a-day .weather-wrapper span.main-temp-max {
  left: 0px;
  text-align: right;
  color: red;
  opacity: .9;
}
.forecast-daily .forecast-a-day .weather-wrapper span.main-temp-min {
  right: 0px;
  text-align: left;
  color: blue;
  opacity: .9;
}
#grid-content div div#forecast_result {
	max-width:1000px;
	width:100%;
	margin:auto;
	padding:10px;
	box-sizing:border-box;
}
#grid-content div div#forecast_result .forecast-now {
  display: none!important;
}

