<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Domain Renewal Instructions</title>
		<style>
			body {
				font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
				height: 100vh;
				margin: 0;
				position: relative;
				color: #002B41;
				background: #6ea2ae;
background: -moz-radial-gradient(center, ellipse cover, #6ea2ae 0%, #6ea3ae 1%, #7dabb5 6%, #80adb6 8%, #84b0b8 8%, #8ab4bc 11%, #9bbec5 21%, #a9c7cc 35%, #adc9cd 46%, #abc8cc 60%, #9fc1c7 75%, #89b3bb 88%, #75a7b1 96%, #6ea3ae 97%, #6ea2ae 100%);
background: -webkit-radial-gradient(center, ellipse cover, #6ea2ae 0%,#6ea3ae 1%,#7dabb5 6%,#80adb6 8%,#84b0b8 8%,#8ab4bc 11%,#9bbec5 21%,#a9c7cc 35%,#adc9cd 46%,#abc8cc 60%,#9fc1c7 75%,#89b3bb 88%,#75a7b1 96%,#6ea3ae 97%,#6ea2ae 100%);
background: radial-gradient(ellipse at center, #6ea2ae 0%,#6ea3ae 1%,#7dabb5 6%,#80adb6 8%,#84b0b8 8%,#8ab4bc 11%,#9bbec5 21%,#a9c7cc 35%,#adc9cd 46%,#abc8cc 60%,#9fc1c7 75%,#89b3bb 88%,#75a7b1 96%,#6ea3ae 97%,#6ea2ae 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea2ae', endColorstr='#6ea2ae',GradientType=1 );
			}
			*{
				padding:0;
				margin:0;
			}
			h1 {
				font-size: 36px;
				margin: 50px 0 10px;
			}
			h2 {
				font-size: 24px;
				font-weight: normal;
				font-style: italic;
				margin: 10px 0;
			}
			.wrapper {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				height: 100%;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
			}
			.content {
				text-align: center;
				padding: 50px;
			}
			@media screen and (max-width: 1024px) {
				.hide-this{
					display: none;
				}
				h1 {
					font-size: 30px;
				}
				h2 {
					font-size: 20px;
				}
				.content {
					padding: 10px;
				}
			}
		</style>
	</head>
	<body>
		<div class="wrapper">
			<div class="content">
				<img src="/images/expired-mark.png" alt="This domain has expired!" title="This domain has expired!">
				<h1>This domain has expired!</h1>
				<h2>Please contact your domain provider for more information.</h2>
			</div>
			<div class="content hide-this">
				<img src="/images/expired-img.png" alt="Please contact your domain provider for more information." title="Please contact your domain provider for more information.">
			</div>
		</div>
	</body>
</html>
