@media only screen and (min-width: 32.5em) {
    .navigation {
        display: flex;
    }
    .navigation li {
        display: block;
        flex: 1 1 auto;
    }
    .navigation a {
        text-align: center;
    }
    .navigation li:first-child {
        display: none;
        font-size: 1em;
  }
  .tbl td {
      text-align: center;
      margin-bottom: 2em;
      border: ridge;
  }
  table {
      margin-left:auto; 
      margin-right:auto;
      margin-bottom: 10px;
  }
  .article img {
      float: right;
      width: 400px;
  }
  .forecast h2 {
      text-align: center;
  }
  #pics {
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px ;
}
.cards section {
    display: grid;
    grid-template-columns: 1fr 1fr;
} 
.cards section:nth-child(6) img {
    grid-column: 2;
    align-items: center;
}
.cards section:nth-child(6) {
    grid-auto-flow: row dense;  
}
  }