body {
	background-color: #fff;
	font-family: 'Kanit', sans-serif;
}

#customize {
	text-align: center;
	margin-top: 20%;
}

.box {
	height: 100%;
	margin: 20px 20px;
	background-color: blue;
}

.boxcenter {
  margin: auto;
  width: 90%;
  padding: 0px;
}

.campaign {
	margin-bottom: 10px;
}

.header {
	text-align: center;
}

.panel {
	margin-bottom: 10px;
}

.box2 {
	text-align: center;
}

#number {
	font-size: 70px;
	margin-left: 20%;
	margin-right: 20%;
	background-color: yellow;
	border-radius: 5px;
}

#prepaid {
	font-size: 50px;
	margin-left: 10%;
	margin-right: 10%;
	background-color: yellow;
	border-radius: 5px;
}

#LuckyDate {
	font-size: 40px;
}

.historybtn {
	border-radius: 0px;
	margin-bottom: 10px;
}

.historybtn .btn {
	border-radius: 0px;
}

.table th {
	text-align: center;
	background-color: red;
}

.table td {
	text-align: center;
}


/* responsive text queries */
@media screen and (max-width: 992px) {
	#number {
		font-size: 75px;
	}

	#prepaid {
		margin-left: 17%;
		margin-right: 17%;
		font-size: 50px;
	}

	#LuckyDate {
		font-size: 30px;
	}
}

@media screen and (max-width: 768px) {
	#number {
		font-size: 30px;
	}

	#prepaid {
		margin-left: 17%;
		margin-right: 17%;
		font-size: 25px;
	}

	#LuckyDate {
		font-size: 15px;
	}

}