body{
	background-image: url("/bg3.jpg"); 
	background-color: #cccccc;
	background-repeat: no-repeat; 
	background-attachment: fixed;
	background-size: cover;
	font-family: Verdana;
	overflow: vertical;
	overflow-x: hidden; 
}
.transparent{
	background: rgba(255,255,255,0.3);
	border: 1px solid white;
	
}
.actualWeather{
	min-height: 459px;  
	/*margin: 10px;*/
	box-shadow: 2px 2px 10px 1px white; 
}
p{
	 
}
.actual{
	font-weight: bold;
    margin-bottom: 20px; 
    font-size: 1.5em;
}
.actual_extended{
	font-weight: bold;
    margin-bottom: 15px; 
    font-size: 1em;
}
.unit{
	font-weight: normal; 
	float: right;
	/*margin-right: 30px;*/ 
}
.unit_name{
	
}
footer{
	font-weight: bold;
}
.chart{
	height: 370px;
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.header{
	background-color: rgba(0,0,0,0.8);
    padding: 20px; 
    border-radius: 10px;
}
.mobile{ 
	/*width: 55%;*/
}
.header_select{
	background-color: #222;
	color: white;
	margin-left: 5px;
	font-size: 24px;
	border: none;
	margin-top: 20px;
	margin-bottom: 5px;
}
@media screen and (max-width: 768px) {  
	.mobile{
		width: initial;
	}
	.header_select{
		font-size: 15px;
		
	}
}
#map {
   width: 100%;
   height: 400px;
   background-color: grey;
   opacity: 0.7;
 }