.weather {
display: grid;
grid-template-columns: repeat(2, 1fr); 
	gap: 5px;
	margin: 15px 0 0 0;
	width: 100%;
}
.weather .div {
    flex: 1;	
	text-align: center;
	background-color: rgba(0,0,0,.3);
	color: #ffffff;
	box-shadow: inset 0px 5px 25px 5px rgba(0,0,0,.1);
	filter: drop-shadow(0 0 10px rgba(0,0,0,.3));
}
.weather .div img {
	margin: 5px auto;
	/* [disabled]filter: invert(100%); */
	display: block;
	aspect-ratio: 1 / 1;
}

.div p:first-of-type  {
	margin: 10px 0 0px  0;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}
.div p:nth-of-type(2)  {
	margin: 0px 0 0px  0;
	font-size: 12px;		
}
.div p:nth-of-type(3) {
	margin: 0 0 10px  0;
	font-size: 10px;
	text-transform: uppercase;
}
@media screen and (max-width: 980px) {
	
.weather {
	gap: 2px;
	width: 100%;
}
.weather .div:nth-child(n+5),
.weather .twdww-days:nth-child(n+5) {
    display: none;
  }
.weather .div img {

}

}