.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: 5em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: auto 100%;
  position: relative;
  font-size: .8em;
}
.forecast-daily .forecast-a-day .weather-wrapper span {
  position: absolute;
  bottom: .2em;
  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;
  background-color: white;
  opacity: .9;
}
.forecast-daily .forecast-a-day .weather-wrapper span.main-temp-min {
  right: 0px;
  text-align: left;
  color: blue;
  background-color: white;
  opacity: .9;
}