/* Styles */
.flex {
  display:block;

}
.flex1 {
  background-color: #5cb7b6;
}

.weather-card {
  color:#fff;
}
.weather-today {
  margin-bottom:1rem;
}
.weather-today .icon {
  font-size: 8rem;
  text-align: center;
}
.weather-today .temp {
  font-size:7rem;
  line-height:1;
  text-align: center;
}
.weather-week {
  display:flex;
  justify-content: space-around;
  padding:1rem 0;
}
.weather-item {
  text-align:center;
}
.weather-item {
  text-transform:uppercase;
}
.weather-item p:last-child {
  font-size:3rem;
}
.weather-item i {
  font-size:2.4rem;
}
/* ----- HEA Style for Widget in Sidebar ----- */
.widget_text .title {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 1rem;
  color: #fff;
  text-transform: uppercase;
}
.widget_text .weather-card {
  max-width: 300px;
  margin: 0 auto;
  padding:2rem;
  background-color:#103b60;
  text-align:center;
}

/* ----- Media Queries ----- */
/* Small devices (tablets, 768px and up) */
@media (min-width: 48em) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 62em) {
  .flex {
    display:flex;
    align-items: center;
      background-color: #5cb7b6;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 75em) {

 }