<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
<title>YourMembership Maintenance</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" />
<meta name="description" content="YourMembership.com provides affordable association management software solutions. Our membership software will help connect your organization's member base -- all association management software features, hosting, future upgrades and client service are included for one low annual fee. And we will have you up and running quickly!" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<style>
#pagebody {
background-color:rgb(255, 255, 255);
font-family: "Roboto","Open Sans",sans-serif;
color: rgb(91, 103, 112);
text-align:center;
}
.big {
font-weight: 700;
font-size: 50px;
text-transform:uppercase;
display: inline-block;
}
#content {
bottom: 0;
height: 610px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 90%;
}
#content p {
max-width: 720px;
margin: 30px auto;
font-size: 20px;
}
.fa-wrench {
margin-right: 20px;
font-size: 2.3em;
position: relative;
bottom: 6px;
}
@media screen and (max-width: 900px) {
.big {
font-size: 30px;
}
}
</style>
<body id="pagebody">
<div id="content">
<i class="fa fa-wrench"></i> <span class="big">Site Maintenance</span><br />
<p>We sincerely apologize for the inconvenience.</p>
<p>Our webhost is currently performing scheduled maintenance and upgrades.</p>
<p> We'll be back up soon.</p>
<p>Thank you for your patience.</p>
</div>
</body>
</html>