.weather-widget .row {
  text-align: center;
  margin-bottom: 5px;
}


.s5_weathertemp {
  margin-bottom: 20px;
}

.s5_weatherlocation {
  color: #c2c2c2;
  font-weight: 300;
}

.forecast-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e1e1e1;
  padding: 20px;
  transition: all 0.2s;
}

.forecast-item:hover {
  background-color: #fff;
  cursor: pointer;
}

.forecast-item h6 {
  color: #888;
  margin-top: 5px;
}

.forecast {
  text-align: right;
}

@media only screen and (max-width: 600px) {
  body {
    flex-flow: column;
  }

  .weather-widget {
    width: 100%;
  }

  .weather-forecast {
    width: 100%;
  }

  .temp-c {
    margin-bottom: 7px;
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}