html,
body {

}
body {
	position:relative;
	margin:0;
	background:#fff;
	color:#231f20;
	font-size:16px;
	line-height:20px;
	font-family:Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:400;
}
.close {
	position:fixed;
	top:21px;
	left:24px;
	color:#231f20;
	font-size:24px;
	line-height:26px;
	text-decoration:none;
}
.close--bottom {
	top:auto;
	bottom:21px;
	display:none;
}
.close:hover {
	color:#9b9b9b;
}
.container {
	max-width:760px;
	margin:0 auto;
	padding:148px 110px;
}
a {
	color:#9b9b9b;
	text-decoration:underline;
}
a:hover {
	color:#231f20;
}
h1 {
	margin:0 0 72px 0;
	font-size:36px;
	line-height:38px;
	font-weight:400;
}
h2 {
	margin:44px 0 12px 0;
	font-size:24px;
	line-height:26px;
	font-weight:400;
}
p {
	margin:0 0 12px 0;
}
ul {
	margin:0 0 12px 0;
	padding:0;
	list-style:none;
}
ul li {
	margin:0 0 12px 0;
	padding-left:20px;
}
ul li:before {
	content:'• ';
}
ul ul {
	margin-top:12px;
}
ol {
	margin:0 0 12px 0;
	padding:0;
	list-style:none;
	counter-reset:list;
}
ol li {
	margin:0 0 12px 0;
	padding-left:40px;
}
ol li:before {
	content:counter(list, lower-alpha)'.';
	counter-increment:list;
	float:left;
	width:20px;
	margin-left:-20px;
}
ol ol {
	margin-top: 12px;
}
ol.decimal > li:before {
	content:counter(list, decimal)'.';
	width:30px;
	margin-left:-30px;
}

.version {
	margin:-64px 0 72px 0;
}

@media screen and (max-width:768px) {
	body {
		font-size:15px;
		line-height:20px;
	}
	.close {
		position:absolute;
		font-size:22px;
		line-height:24px;
	}
	.close--bottom {
		display:block;
	}
	.container {
		padding:108px 24px 84px 24px;
	}
	h1 {
		margin:0 0 62px 0;
		font-size:33px;
		line-height:34px;
	}
	h2 {
		margin:44px 0 12px 0;
		font-size:22px;
		line-height:24px;
	}
	.version {
		margin:-47px 0 62px 0;
	}
}