body {
	background-color:#dce3f8;
}

#boody {
	width:50%;
	background-color:#ffffff;
	border: 4px solid #999999;
	margin-left:25%;
	margin-top:3.5%;
	border-radius:5%;
	padding-bottom:2%;
	}
	
#table1 {
	width:60%;
	padding:2%;
	font-family: 'Lucida Grande','Lucida Sans Unicode','Verdana,Arial,Helvetica,sans-serif';
	margin-left:20%;
}

h1 {
font-family:'Lucida Grande','Lucida Sans Unicode','Verdana,Arial,Helvetica,sans-serif';
font-size:44px;
color:#21419b;
margin-left:2%;
}

/* Smartphones (portrait and landscape) ----------- */  
@media only screen   
and (min-device-width : 320px)   
and (max-device-width : 480px) {  
/* Styles */  
}  
  
/* Smartphones (landscape) ----------- */  
@media only screen   
and (min-width : 321px) {  
/* Styles */  
}  
  
/* Smartphones (portrait) ----------- */  
@media only screen   
and (max-width : 320px) {  
/* Styles */  
}   

p {
font-family:'Lucida Grande','Lucida Sans Unicode','Verdana,Arial,Helvetica,sans-serif';
font-size:90%;
margin-left:4%;
margin-bottom:1%;
}

input {
	border: 2px solid #86c87a;
	padding:2%;
}

select{
	border: 2px solid #86c87a;
} 

#submit {
	text-align:center;
	color:#86c87a;
}