@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, figcaption, figure, footer, header, hgroup, nav, section, time {
	display: block;
}
html, body {
	background-color: black;
	color: white;
	height: 100%;
	font: 100%/1.5em monospace;
}
body {
	background: rgba(0, 0, 0, 0.016);
}
.wrapper {
	min-height: 100%;
}
article {
	padding-bottom: 80px;
	font-size: 15px;
}
article * {
	box-sizing: border-box;
}
h1 {
	padding: 23px 0;
	font-size: 23px;
}
img {
	width: 98%;
}
footer {
	margin-top: -80px;
	padding: 20px 20px 10px 20px;
	border-top: 1px solid #ddd;
	height: 49px;
	font-size: 15px;
	color: #777;
}
.clear {
	clear: both;
}
.cl {
	margin: 0 0 1em;
	padding: 0 1em;
	text-align: center;
}
.cl-1, .cl-2, .cl-3, .cl-4, .cl-5, .cl-6, .cl-7, .cl-8, .cl-9, .cl-10, .cl-11, .cl-12 {
	width: 100%;
}

/* Другое */

a {
	display: block;
	margin: 21px 0;
	padding: 10px;
	border: 0;
	border-radius: 4px;
	width: 120px;
	background-color: #ffffff;
	color: #222;
	text-align: center;
	text-decoration: none;
}
a:hover {
	color: #000;
}
.donate {
	display: block;
	margin: 21px 0;
	padding: 10px;
	border: solid 1px #ffffff;
	border-radius: 4px;
	width: 550px;
	color: #ffffff;
	text-align: center;
}
.inline {
	display: inline;
	width: auto;
}
hr {
	margin: 8px 0;
	border-style: inset;
	border-width: 1px;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
@media all and (min-width: 850px) {
	body {
		margin: 0 auto;
		max-width: 1200px;
	}
	.cl {
		float: left;
	}
	.cl-1 { width: 8.33333333333%; }
	.cl-2 { width: 16.6666666666%; }
	.cl-3 { width: 25%; }
	.cl-4 { width: 33.3333333333%; }
	.cl-5 { width: 41.6666666666%; }
	.cl-6 { width: 50%; }
	.cl-7 { width: 58.3333333333%; }
	.cl-8 { width: 66.6666666666%; }
	.cl-9 { width: 75%; }
	.cl-10 { width: 83.3333333333%; }
	.cl-11 { width: 91.6666666666%; }
	.cl-12 { width: 100%; }
}