html {
	height: 100%;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	overflow-x: hidden; /* Hide horizontal scrollbar */
	background-image:url(../pics/background.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	height:100%;
	background-attachment: fixed;
}

#main-wrapper {
	box-sizing:border-box;
	width: 100%;
}

/*---------------Impressum---------------*/
#impressum {
	background: rgb(147,147,147);
	background: linear-gradient(135deg, rgba(147,147,147,1) 25%, rgba(214,214,214,1) 50%, rgba(147,147,147,1) 75%);
	border: 1px solid #DDD;
	box-shadow: 10px 10px 15px black;
	width:60%;
	display: block;
	margin: auto;
	padding: 10px;
	margin-bottom: 40px;
	left:20%;
}

.author {
	float:left;
}

.releaseDate {
	float:right;
}

.title{
	font-size:20pt;
	position:absolute;
}

#impressum .text{
	width:95%;
	line-height:1.25;
	font-size:16pt;
}

#impressum .bold{
	font-weight: bold;
	margin-bottom:5px;
	font-size:16pt;
	margin-top:15px;
}

#impressum p  {
	margin:0;
	font-size:14pt;
	line-height:1.25;
}

#impressum a  {
	text-decoration:none;
	color: inherit; 
}

h1 {
	font-size:20pt;
}


/* Responsive navigation menu (for mobile devices) */
@media only screen and (min-width: 320px) and (max-width:374px){	
	/*---------------Impressum---------------*/
	#impressum {
		width:auto;
		float:left;
		left:0;
	}
	
	h1 {
		font-size:18pt;
	}
}

@media only screen and (min-width: 375px ) and (max-width:424px) {	
	/*---------------Impressum---------------*/
	#impressum {
		width:auto;
		float:left;
		left:0;
	}
	
	h1 {
		font-size:18pt;
	}
}

@media only screen and (min-width: 425px ) and (max-width:767px) {	
	/*---------------Impressum---------------*/
	#impressum {
		width:auto;
		float:left;
		left:0;
	}
	
	h1 {
		font-size:18pt;
	}
}