@font-face {
	font-family: 'Century Gothic';
	src: url('../font/gothic.eot');
	src: url('../font/gothic.eot?#iefix') format('embedded-opentype'),
	     url('../font/gothic.woff2') format('woff2'),
	     url('../font/gothic.woff') format('woff'),
	     url('../font/gothic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, br, h1, h2, h3, p, a, span, ul, ol, li, main {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	line-height:1;
	font-weight: 400;
}

html {
	-webkit-text-size-adjust: none;
	
	background: #787878; /* Old browsers */
	background: -moz-linear-gradient(top,  #5d5d5d 0%, #787878 80px); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5d5d5d 0%,#787878 80px); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5d5d5d 0%,#787878 80px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#787878',GradientType=0 ); /* IE6-9 */
}

body {
	font-size: 16px;
	font-family: 'Century Gothic', Tahoma, sans-serif;
	font-weight: 400;
	color:#f9f9f9;
	padding: 0 3%;
	overflow-x: hidden;	
	height: 100%;
}

main {
	display: block;
	margin: 40px auto;
	max-width: 900px;
}

h1, h2, h3, li, li *, p, p *, a {
	text-shadow: 1px 1px 2px rgba(0,0,0,.33);
}

h1 {
	text-align: center;
	font-size: 36px;
	margin-bottom: 40px;
	line-height: 1.1;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

h1 span {
	display: block;
	font-size: 40%;
}

h2 {
	font-size: 22px;
	text-transform: uppercase;
	margin: 35px 0 7px;
	line-height: 1.4;
}

p {
	line-height: 1.4;
	margin-bottom: 10px;
}

p a {
	color: #f9f9f9;
}

ul {
	margin-bottom: 16px;
}

li {
	line-height: 1.4;
	margin: 0 0 7px 16px;
}