.WeatherComponent {
  padding: 0 0 3rem;
}
.WeatherComponent h2.header {
  position: relative;
}
.WeatherComponent h2.header:after {
  content: " ";
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  width: 3rem;
  background-color: #EB1E23;
  height: 5px;
}
.WeatherComponent .day-box {
  background-color: #FFFFFF;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  color: #113A4E;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.13);
  margin: 0.4rem;
  overflow: hidden;
  border-radius: 5px;
  padding: 0.4rem;
}
.WeatherComponent .day-box.box1 {
  background-color: #113A4E;
  color: #FFFFFF;
}
.WeatherComponent .day-box.box1 .row h2 {
  color: #FFFFFF;
}
.WeatherComponent .day-box .row:first-child > div {
  border-bottom: 1px solid rgba(201, 201, 201, 0.33);
}
.WeatherComponent .day-box .row h2 {
  font-size: 4rem;
  font-weight: 400;
  position: relative;
  color: #113A4E;
  margin-bottom: 0;
}
.WeatherComponent .day-box .row h4 {
  font-size: 1rem;
  font-weight: 100;
}
.WeatherComponent .day-box .row h6 {
  font-weight: 100;
  font-size: 0.7rem;
}
.WeatherComponent .day-box .row span {
  background-color: #486A7B;
  border-radius: 5px;
  -moz-border-radius: 5px;
  color: #FFFFFF;
  font-size: 0.6rem;
  font-weight: 300;
  padding: 0 0.5rem;
  display: inline-block;
  margin-top: -1rem;
}
.WeatherComponent .day-box .row .icon-weather {
  font-size: 5rem;
  margin-top: 1rem;
}