@font-face{
	font-family:'jolly';
	src: url('/fonts/jolly-webfont.eot');
	src: url('/fonts/jolly-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/jolly-webfont.woff2') format('woff2'),
		url('/fonts/jolly-webfont.woff') format('woff'),
		url('/fonts/jolly-webfont.ttf') format('truetype'),
		url('/fonts/jolly-webfont.svg#jollyregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'jolly';
	src: url('/fonts/jolly_bold-webfont.eot');
	src: url('/fonts/jolly_bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/jolly_bold-webfont.woff2') format('woff2'),
		url('/fonts/jolly_bold-webfont.woff') format('woff'),
		url('/fonts/jolly_bold-webfont.ttf') format('truetype'),
		url('/fonts/jolly_bold-webfont.svg#jollybold') format('svg');
	font-weight:bold;
	font-style:normal;
}
html{
	height:100%;
	overflow:auto;
}
body{
	background:url(/images/bg.jpg) center #FFF;
	background-size:cover;
	line-height:1.5;
	font-size:21px;
}
body, input, select, textarea, a{
	font-family:'jolly', Arial,Verdana;
	color:#3F3F41;
}
h1{
	position:absolute;
	top:60px;
	left:60px;
	color:#FFF;
	font-size:60px;
	line-height:1;
}
h2{
	position:absolute;
	top:120px;
	left:60px;
	color:#FFF;
	font-size:60px;
	line-height:1;
	opacity:.4;
}
a{
	text-decoration:none;
}
#footer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	padding:60px 80px;
	background:#FFF;
	box-shadow:-0px -5px 10px rgba(0,0,0,.5);
	overflow:hidden;
	box-sizing:border-box;
}
	#logo{
		position:absolute;
		top:60px;
		left:60px;
		width:400px;
	}
	#contact{
		float:right;
	}
		#contact span{
			color:#37ABAB;
		}
@media (max-width:900px){
	body{
		font-size:18px;
	}
	#logo{
		width:300px;
	}
}
@media (max-width:750px){
	h1{
		font-size:35px;
	}
	h2{
		top:100px;
		font-size:35px;
	}
	#footer{
		padding:40px;
	}
		#logo{
			display:block;
			position:static;
			margin-bottom:40px;
			width:100%;
			max-width:400px;
		}
		#contact{
				float:none;
		}
}
@media (max-width:500px){
	h1{
		top:40px;
		left:40px;
		font-size:25px;
	}
	h2{
		top:75px;
		left:40px;
		font-size:25px;
	}
}
@media (min-width:1600px){
	h1{
		top:150px;
		left:150px;
		font-size:94px;
	}
	h2{
		top:250px;
		left:150px;
		font-size:94px;
	}
	#footer{
		padding:80px 100px;
	}
		#logo{
			top:52px;
			left:86px;
			width:auto;
		}
}