<!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>