form {
	width: 100%;
}

table {
    border-collapse: collapse;
    width: 100%;
	margin: auto;
	margin-bottom: 25px;
}

th, td {
    text-align: center;
	width: 50%;
    padding: 8px;
	border: 1px solid #ddd;
}

tr:nth-child(even){
	background-color: #f2f2f2

}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
    padding: 7px;
    box-sizing: border-box;
    border: 1px solid #ccc;	
}

input[type='button'] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
    width: 50%;
	background-color: #333;
	border-radius: 5px;
	color: #FFF;
    padding: 7px;
    box-sizing: border-box;
    border: none;
   -webkit-appearance: none;
   -moz-appearance: none;
    appearance: none;  
}

input[type='button']:hover {
	background-color: #D0B673;
}

input[type='reset'] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
    width: 50%;
	background-color: #333;
	border-radius: 5px;
	color: #FFF;
    padding: 7px;
    box-sizing: border-box;
    border: none;
   -webkit-appearance: none;
   -moz-appearance: none;
    appearance: none;  
}

input[type='reset']:hover {
	background-color: #D0B673;
}


@media (max-width:768px) {
	
	input[type='button'] {
    width: 100%;
}

	input[type='reset'] {
    width: 100%;
}
}