body,h1{
	font-family:"Segoe UI", Arial;
}

h1{
	width:90%;
	max-width:800px;
	margin:15px auto;
	text-align:center;
}

.container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
  
.chart-wrapper{
	margin:2vh 0vw 1vh 1vw;	
	box-sizing: border-box;
	padding: 0;
	text-align: center;
}

 @media screen and (min-width: 320px) and (max-width: 900px) {
	.chart-wrapper{
		flex: 0 1 100%; 
		max-width: 98vw;
	}
}

@media (min-width: 901px)   {
	.chart-wrapper{
		flex: 0 1 50%; 
		max-width: 47vw;
	}
} 

.meteo-chart{
	width: 100%;
	height:auto;
	border:2px solid lightgray;
	border-radius:3px;
	text-align:center;
	margin: 0;
}