
<!DOCTYPE html>
<html>
<head>
	<title>Courtesy Page</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.1, user-scalable=yes" />
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<style type="text/css">
	html {
		height:100%;
		margin:0;
		padding:0;
	}
	
	body{
		margin:0;
		font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
		font-size:14px;
	}
	
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

	.home{
		width:100%;
		height:100vh;
		display: table;
		position: relative;
		padding:20px;
	}

	.bgdiv {
		display: table-cell;
		vertical-align: middle;
		background: url('https://www.limitis.com/courtesy/bg.jpg') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.content{
		margin: 0 auto;
		max-width:100%;
		min-height:200px;
		padding:15px;
		color:#FFFFFF;
		text-align:center;
		padding:10px;
	}
	
	h1{
		font-size:75px;
		font-weight:normal;
		color:#fff;
		margin-top:0;
		color:#FFFFFF;
	}

	
	h2{
		font-weight:normal;
		font-size:1.9em;
		color:#FFFFFF;
	}
	
	
	span{
		color:#FFFFFF;
		display:block;
		margin-bottom:20px;
	}

	 
	@media(max-width:800px){
		.home{
			padding:0px;
		}	
		h1{
			font-size:15vw;
		}
		
		h2{
			font-size:1.3em;
		}
	}
	
	.time{
		text-align:center;
		color:#FFFFFF;
		position:absolute;
		bottom:40px;
		left: 0;
		right: 0;
	}
	


 </style>
</head>
<body>
	<div class="home">
		<div class="bgdiv">
			<div class="content">
				<h1>homepagecity24.de</h1>
				<h2>Something new is coming.</h2>
			</div>
			<div class="time">
				&copy; 2025			</div>
		</div>
	</div>
</body>
</html>

