<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ARENSBAK – Det vinøse alternativ Non-Alcoholic</title>
    <meta name="description" content="Arensbak, Alt det gode ved vin, uden det dårlige ved vin">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@700&display=swap" rel="stylesheet"> 
<style>
	html, body{
		height:100%;
		width: 100%
		padding:0;
		margin:0;
		}
	* {
		box-sizing:border-box;
		}
	section {
		background:rgba(0, 0, 0, 0.85);
		width: 100%;
		height: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		}
	.container {
		margin-top: 0px;
		}
	img {
		margin-bottom: 5px;
		}
	h1 {
		font-family: 'Lora', serif;
		color: #ffe5a5;
		letter-spacing: 0.165em;
		line-height: 0.5em;
		margin: 20px 0px 5px;
		}

@media (min-width: 50px) {
	h1 {
		font-size: 2.3em;
		}
	p {
		font-size: 1.1em;
		}	
	img {
		max-width: 200px;
		}	
	}
@media (min-width: 550px) {
	h1 {
		font-size: 3.8em;
		}
	p {
		font-size: 1.35em;
		}	
	img {
		max-width: 280px;
		}	
	}
	h1 span {
		font-size: 26%;
		color: #d5c089;
		}
	p {
		line-height: 1.4em;
		color:rgba(255, 255, 255, 0.60);
		margin: 5px 0px;
		}
	a {
		color: rgba(255, 255, 255, 0.60);
		}	
	a:hover {
		color: rgba(255, 255, 255, 1);
		}	
	span {
		color: #d5c089;
		}
	.small {
		font-size: 80%;
		color:#6c6c6c;
		text-transform: uppercase;
		letter-spacing: 0.25em;
		}				
    </style>
</head>
<body>
<section>
	<div class="container">
		<img src="img/vaabenskjold.svg" alt="Arensbak våbenskjold"/>
		<h1>· ARENSBAK ·<br />
		<span>NON · ALCOHOLIC</span></h1>
		<p><em>For yderligere information:<br />+45 93 98 00 34 / <a href="mailto:info@arensbak.com">info@arensbak.com</a></em></p>
		<span>· · ·</span>
		<p class="small">Under udarbejdelse</p>
		
	</div>
</section>
</body>
</html>