<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Syngency | Maintenance Mode</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="shortcut icon" href="//cdn.syngency.com/assets/img/favicon.ico">
    <style type="text/css">

html, body {
  	font: 12px/1.6em -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	height: 100%;
}

body {
	background: #121212 url(//cdn.syngency.com/assets/img/dark-body-bg.jpg) no-repeat center center;
	padding: 0;
	margin: 0;
}

.valign-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	overflow: auto;
}

.container img {
	display: none;
}

.container {
	position: absolute;
	width: 600px;
	height: 230px;
	top: 50%;
	left: 50%;
	margin: -135px 0 0 -300px;
	background: url(//cdn.syngency.com/assets/img/signin-logo.png) no-repeat left center;
	text-align: right;
}

.container h1 {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 15px;	
}

.container p {
	color: #999;
	margin-bottom: 15px;
}

.container p strong {
	color: #999;
	font-weight: 500;
}

.container .button:active {
	background-position: left bottom;
}

.container a {
	color: #ccc;
	text-decoration: none;
	margin-bottom: 15px;
}

.container a:hover {
	text-decoration: underline;
	color: #eee;
}
    </style>
</head>

<body>
			
	<div class="container">
		
		<div class="valign-center" style="padding-left:220px;text-align:left">

			<h1>Maintenance Period</h1>
				
			<p>Syngency is currently undergoing important maintenance.</p>

			<p>We expect to have this work completed shortly.</p>

			<p>Please email <a href="mailto:support@syngency.com">support@syngency.com</a> if you have any urgent enquiries.</p>
		
		</div>
		
	</div>

</body>
</html>
