@charset "utf-8";
/* CSS Document */
form {width:570px;
	
	vertical-align: middle;
		text-align:center;
		color:#64624E;
		font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif';
		background-color: #9DB6A1;
		border-color: #4B6B7A;
		border-width:15px;
	padding:15px; 
	border-radius: 15px;
	
}
#Contactname {width: 400px}
#Advice{width: 400px}
#Email {width: 400px}
#Cardname {width:450px}
#date1, #date2,#number1,#number2,#number3,#number4,#number5,#number6,#number7,#number8,#number9,#number10, #number11,#number12,#number13,#number14,#number15,#number16 {text-align:center; width: 15px}
#Pay {width:250px;
			background-color:#EADDA6;
border-radius:5px}

input {width:30px}
	 body {width:600px;
	 height: 350px}
#Value {width:100px;
	height:20px;
	padding:10px;
	text-align: right;
background-color:#EADDA6;
border: none}
#Pay:hover {background-color:#E6D708}
#statement {color:#E6D708;
background-color:#64624E}	
.column {
	align-items: center;
	width: 150px;
	border-style: solid;
	border-radius: 5px;
	border-color:#e6d708; 
	padding-top:2px;
	padding-bottom:2px;
	padding-left: 1px;
	padding-right: 1px;
	
	margin: 5px
}
.column {display:inline;
						
	;
			}
/* Mobile */

@media (max-width: 768px) {
	img {width:100%}
	
	form, body {width:500px;
		
		vertical-align: middle;
		font-size:10px;
		text-align:center;
		color:#64624E;
		font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif';
		background-color: #9DB6A1;
		border-color: #4B6B7A;
		border-width:0px;
	margin:0px;
	border-radius: 1px;
	}
	#number1,#number2,#number3,#number4,#number5,#number6,#number7,#number8,#number9,#number10, #number11,#number12,#number13,#number14,#number15,#number16 {text-align:center; 
		width:8px}
	#Advice {width: 300px}
	#Contactname {width: 300px}
	#Email {width: 300px}
	#Cardname {width:300px}
#Value {width:70px;
	height:12px;
	padding:2px;
background-color:#EADDA6;
border: none}
.column {
	width: 80px;
	border-radius: 5px;
	border-color:#e6d708; 
	background-color: #e6d708;
	
	margin: 1px
}}	
	
