/*
=========
CSS Reset
=========
*/

	*{
		box-sizing: border-box;
	}
	
	html, body,
	div,
	h1,h2,h3,
	p, 
	ul, ol, li,
	form,label,input,textarea,button,
	dl,dt,dd
	{
		margin: 0;
		padding: 0;
	}
	
	a, button{
		cursor: pointer;
	}


/*
===========
Style
===========
*/
	
	body{
		font-family: helvetica, arial, sans-serif;
		font-size: 1em;
		line-height: 1.5em;
		padding: 0 1em;
	}
	

	h1,
	h2{
		text-align: center;
	}
	
	h2{
		margin: 3em 0 0.75em;
	}

	.logo{
		background: url("../img/logo.svg") center top no-repeat;
		padding: 4.5em 0  0;
		margin: 3em auto 0;
		text-transform: uppercase;
		font-size: 0.875em;
		letter-spacing: 0.25em;
	}
	
	.contactForm{
		margin: 0 auto;
		max-width: 32em;
	}
	
	label{
		display: block;
		margin: 1.5em 0 0;
	}
	
	input{
		font-size: 1em;
		width: 100%;
		line-height: 3em;
		padding: 0 0.5em;
		display: block;
	}
	
	textarea{
		padding: 0.5em;
		display: block;
		width: 100%;
		font-size: 1em;
		line-height: 1.5em;
		min-height: 9em;
	}
	
	button{
		color: #333;
		border: 2px solid;
		background: none;
		box-shadow: none;
		font-size: 1em;
		display: block;
		width: 100%;
		line-height: 3em;
		margin: 1.5em 0 0;
	}
	
	footer{
		line-height:6.4em;
		font-size: 0.675em;
		padding: 0 0.5em;
		width: 100%;
		display: block;
		text-align: center;
		margin: 6.4em 0;
	}