body {font-family:'century gothic';
		font-size:1.2em;
		background: url('bg.jpg');
		background-size: cover;	}

form {text-align:center;
			margin-left:25%;
			margin-right:25%;
			padding-top: 1.5%;
			padding-bottom: 3%;
			background:#f5ff59;
			margin-top:3.25%;
			margin-bottom:3.25%;
		border-radius:5px;}
			
table {width:100%;	
		padding-left:15%;
		padding-right:15%;}
		
th {text-align:left;
	font-size:1.5em;}


td {text-align:left;
	padding:1.5% 2%;
	font-weight:bold;}		

input {width:100%;
			font-size:1em;
			font-family:'century gothic';
		border-radius:5px;
		border:dotted #ccc;}
			
#button {text-align:center;}

.terms {width:1%;}

.agree {font-size:0.8em;}

button {width:25%;
			font-family:'century gothic';}
			
input:focus {background:#ccc; border: dotted #000;}	

#tag {font-size:0.9em;
		margin:0;
		padding:0;
		color:#7e7e7e;}		
			
@media screen and (max-width:800px)
{
body {font-size:1em;}

form {	margin-left:5%;
			margin-right:5%;
			padding-top: 1%;
			padding-bottom: 1%;
			background:#f5ff59;
			margin-top:2%;}
			
table {padding-left:5%;
		padding-right:5%;}
				
input {font-size:0.8em;}
			
			}