html{
	/* This image will be displayed fullscreen */
	background:url('./image1.jpg') no-repeat center center;

	/* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;

	/* The Magic */
	background-size:cover;
}

body{
	/* Workaround for some mobile browsers */
	min-height:100%;
}


#box { 
 position: fixed;
 top:30px;
 left:30px;
 width:450px;
 height:200px;
 background: rgba(0,0,0,0.4);
 padding:0px 15px 15px 15px;
}

.text {
 font-size:18px;
 font-family: Arial, Helvetica, sans-serif;
 color:rgb(240,240,240);
}

.header {
 font-size:38px;
 font-family: Arial, Helvetica, sans-serif;
 color:white;
}