html, body, .main {box-sizing: border-box; margin: 0; padding:0;}

/*

.header {background:#333333;color:;margin:0 0 100px 0;padding:8px 5px; text-align:center; width:100%;}
.header a {color:white;text-decoration:none;}
.header img {float:left;display:inline;height:40px;margin:0px 0px 2px 5px;padding:;width:40px;}
.header h1 {display:inline;font-size:32px;font-weight:550;}
.header ul {color:white;display:inline;float:right;margin:0px 5px 2px 10px;padding:;position:absolute;}

.header ul a, .header li a {color:white;}
.header ul li ul {background:black;float:right;display:none;margin:2px;padding:6px 30px;position:absolute;right:0px;top:30px;}
.header ul li:hover > ul {display:block;}
.header li ul li {margin:2px 1px;padding:;}
*/

.header {background:#002A31;box-shadow:0 8px 16px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19); box-sizing: border-box; height:50px;margin:0 auto;padding:1px;width:100%;}
.header a {color:white;text-align:center;text-decoration:none;vertical-align:middle;}
.header h1 {margin:2px auto;padding:2px;text-align:center;}

.footer {background-color: black; box-sizing: border-box; width:100%;margin:20px 0 0 0; padding:10px 5px;}
.footer p {color:white;text-align:center;}
.footer a {color:orange;}

.policy {margin:2px; padding:3px;}
.terms {margin:2px; padding:3px;}

@media screen and (min-width: 640px){
	.main, .footer {
		margin: 2px;
	}
	
	.form {
		margin: 10px auto; width: 50%;
	}
}

.border-box {
	box-sizing: border-box;
}