<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Greenhouse BMX is now System Cycle</title>
<link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
	html {
		background: #efefef;
	}
	.logo {
		width: 100%;
		height: 100%;
		float: left;
	}
	.move { 
		width: 100%;
		float: left;
        font-family: 'Unica One', cursive;
		text-transform: uppercase;
		font-size: 1.5em;
		text-align: center;
		top: 50%;
		position: absolute;
		margin-top: -200px;
	}
	.merge { 
		width: 100%;
		float: left;
        font-family: 'Unica One', cursive;
		text-transform: uppercase;
		font-size: 1.5em;
		text-align: center;
		top: 50%;
		position: absolute;
		margin-top: 170px;
		color: #333;
	}
	.system {
		background-image: url('/system-cycle-greenhouse.png');
		background-size: 400px 284px;
		position: absolute;
		display: block;
		width: 400px;
		height: 284px;
		top: 50%;
		left: 50%;
		margin-left: -200px;
		margin-top: -142px;
	}
	.sub {
		font-size: .5em;
		font-family: helvetica;
		letter-spacing: 1px;
		text-transform: none;
		color: #48c2c5;
	}
	.sep {
		padding: 0 10px 0 10px;
	}
	a:link, a:visited {
		text-decoration: none;
		color: #48c2c5;
	}
	a:hover {
		text-decoration: underline;
	}	
</style>
</head>
	<div class="logo">
		<div class="move">We&rsquo;ve moved. We&rsquo;ve merged.</div>
		<a class="system" href="http://systemcycle.com" target="self"></a>
		<div class="merge">
			<span >Greenhouse BMX is now System Cycle</span><br/>
			<span class="sub">1-800-332-9237</span>
			<span class="sep"></span>
			<span class="sub"><a href="mailto:sales@systemcycle.com">sales@systemcycle.com</a></span>
		</div>
	</div>
<body>
</body>
</html>