@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

body {
	font-family: 'Lato', sans-serif;
	font-size:18px;
	color:#3A3A3A;
	background:url(../background.jpg);
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover; 
	background-position:center;	

}

.container {
	width:1000px;
	margin:0 auto;
	padding:20px;
	background:#FFF;
	text-align:center;
	box-shadow:1px 1px 5px #585858	
}

h1 {
	font-size:80px;
	margin:0px 0px 20px 0px;
	color:#75b951;
	padding:20px;
	background:#F9F9F9;
	border:solid 1px #F2F2F2	
}

h2 {
	padding:20px;
	background:#F9F9F9;
	border:solid 1px #F2F2F2		
}

h3 {
	color:#75b951;
	font-size:18px;
	line-height:35px;
}

.button {
	margin-top:40px	
}

.button a {
	background:#75b951;
	padding:20px;
	color:#FFF;
	text-decoration:none;
	transition:0.3s;
	-webkit-transition:0.3s
}

.button a:hover {
	background:#569236;
	cursor:pointer
}

.content-clear {
	clear:both;
	padding-bottom:30px	
}

@media screen and (max-width:1100px) {
.container {
	width:100%;
	padding:0px	
}

.container-content {
	width:auto;
	padding:20px
}

img {
	max-width:100%;
	height:auto	
}
}