html, body
	{
	background:url(bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	height: 100%;
	overflow: hidden
	}

	.white {
	/*background: #404040;*/
	background: #fff;
	opacity: 0.8;
	border-radius: 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 800px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
    	margin-top: -300px;
	margin-left: -400px;
	}

	.content {
	color: black;
	width: 400px;
	height: 550px;
	overflow: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -275px;
	margin-left: -325px;
	}
	.wetter {
	color: black;
	width: 250px;
	height: 550px;
	overflow: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: 80px;
	}

	.btn.white {
	background: #c0c0c0;
	}

@media only screen and (max-width: 768px) {
    body {
        background: white;
    }

     .white {
        background: white;
	heigt: 100%;
     }

    .content {
        height: auto;
		width: 60%;
        margin-left: -30%;
    }   
	.wetter {
        height: auto;
		width: 60%;
        margin-left: -30%;
    }  

}

@media only screen and (max-width: 500px) {
    body {
        background: white;
    }

     .white {
	background: #white;
        heigt: 100%;
     }

    .content {
        width: 80%;
        margin-left: -40%;
    }   
    
}