header .container-fluid div{
  display: flex;
  justify-content: space-around;
  text-align: center;
}

.forecast-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: left;
align-items: stretch;
}

.forecast-card {
color: white;
height: 250px;
width: 200px;
background-color:darkblue;
margin: 2%;
}

.forecast-title {
  font-size: 25px;
  font-weight: bold;
  display: flex;
  text-align: center;
  margin-left: 40%;
}