.forecast>div .forecast>p{
    background-color: #ddd;
    color: #222;
    border-radius: 3px;
    padding: 3px;
    font-size: 100%;
}
.forecast>div:nth-child(even), .forecast>p:nth-child(even) {
    /*      background-color: #ccc;
          color: #000;*/
}
.forecast {
    /*  width: 600px;*/
    display: grid;
    grid-gap: 1px;
    grid-template-columns: repeat(auto-fit);
    grid-template-rows: repeat(15, auto);
    grid-auto-flow: column;
    overflow-y: hidden;
    /* line-height: 16px;
    margin: 0; !important; */
    
}
.forecast>div.subcol, .forecast>p.subcol{
    padding: 1px;
    display: grid;
    grid-gap: 1px;
    grid-template-columns: repeat(4, 25%);
    grid-auto-flow: column;
    text-align: center;
    border-left: 1px solid black;
}
.forecast>.wi{
    font-size: 40px;
}
.temp{
    color: rgb(255, 90, 0);
}

.form-inline{
    margin-right: 16px;
}
.day, .label{
    font-weight: bold;
}
.day{text-align: center;}