/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


html,
body {
  height: 100%;
  background-color: #f7f7f7;
}


body{
margin:0;
padding:0;
color: #4b4846;
font-family: 'Open Sans', sans-serif;
}

#wrapper{
	width: 700px;
	margin: auto; text-align:center;
}

#header{
	width: 100%;
	padding: 50px 0 40px 0;
	margin: auto;
}

h1{
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	margin-top:40px;
}

h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	letter-spacing: 0px;
	text-transform: uppercase;
	margin-top:40px;
}



.middle{
	width: 100%;
}

.middle p{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #4b4846;
	line-height: 24px;
	text-align: center;
}

a {color:#119962; font-weight:800; }
a:hover {color:#99c25d; cursor:pointer;}

@media screen and (max-width: 530px){

	#header{
		width: 100%;
		padding: 30px 0 30px 0;
		margin: auto;
	}

#header img {width:299px; height:250px;}

	h1{
		font-size: 24px;
	}
	
	h2{
		font-size: 15px;
		letter-spacing: 2px;
	}

	a {margin:20px; display:block;}

	#wrapper {width:100% !important; }

	.middle {
		width: 100%;
		
	}
	

	
}