html {
	font-size: 16px;
	font-family: ArialMT, Arial, Verdana, Helvetica;
}

body {
	background: f7f7f7;
	min-width: 320px;
	color: #4A4A4A;
}

html, body, div, h1, p, a {
	padding: 0; margin: 0;
}
.content {
	max-width: 550px;
	width: 90%;
	position: absolute;
	left: 50%;
	top: 30%;
	text-align: center;
	transform: translate(-50%, -30%);
	-webkit-transform: translate(-50%, -30%);
	-moz-transform: translate(-50%, -30%);
	-ms-transform: translate(-50%, -30%);
	-o-transform: translate(-50%, -30%);
	box-sizing: border-box;
}

.logo {
	background: url(../images/logo@2x.png) center center no-repeat;
	background-size: 199px 35px;
	width: 199px;
	height: 35px;
	margin: 50px auto 65px;
}

.farewell {
	font-weight: normal;
	font-size: 24px;
}

.description {
	margin: 40px;
	font-size: 14px;
}

.create_account {
	background: #cf202e;
	color: #ffffff;
	text-decoration: none;
	 khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 14px 26px;
	font-size: 14px;
	display: inline-block;
}
.create_account:hover {
	opacity: 0.8;
}
.create_account:active {
	opacity: 0.9;
}
.note {
	font-size: 12px;
    margin-top: 30px;
    padding: 0;
}
.contact {
	color: #4A4A4A;
	text-decoration: underline;
}

@media screen and (min-width: 480px) {
	.logo {
		background-size: 360px 67px;
		width: 360px;
		height: 67px;
	}

}