table {
	width: 100%;
	border: 2px solid #7af;
	border-radius: 4px;
}

table td {
	text-align: center;
	padding: 3px 9px !important;
	border: 0px !important;
	border-radius: 0px !important;
	text-align: left;
}

@media screen and (max-width: 360px) {
	#samples {
		font-size: 12px;
	}
	[type=number] {
		width: 70px;
	}
}
@media screen and (min-width: 361px) and (max-width: 500px) {
	[type=number] {
		width: 90px;
	}
}
@media screen and (min-width: 501px) and (max-width: 580px) {
	[type=number] {
		width: 100px;
	}
}
@media screen and (min-width: 581px) and (max-width: 767px) {
	[type=number] {
		width: 110px;
	}
}
@media screen and (min-width: 768px) {
	[type=number] {
		width: 120px;
	}
}