@media screen and (max-width: 1200px) {
	

	.element_frame{
		float: left;
		width: 100%;
		height: 35px; 
		padding-bottom: 5px
	}

	.element{
 
		float: left;
		font-size: 24px; 
		padding-right: 5px;
		padding-bottom: 2px;
		width: 30%
	}

	.element_value{
		float: left; 
		width: 70%; 
		padding-right: 5px;
		font-size: 21px
	}

	.WeatherMap_img{
		width:100%; 
		float: left;
		margin-top: 30px
	}
	
}

@media screen and (min-width: 1200px) {


	.element_frame{
		float: left;
		width: 10%;
		height:80px;
		margin-right: 10%;
		padding-bottom: 5px
	}

	.element{
		float: left;
		font-size: 24px; 
		padding-right: 5px;
		padding-bottom: 2px;
		width: auto

	}

	.element_value{
		float: left; 
		width: 250px; 
		padding-right: 5px;
		font-size: 21px
	}

	.WeatherMap_img{
		width:100%; 
		float: left;
	}


}