body {
	font-size: 14px !important;
	/* font-family: Arial Narrow !important; */
	font-family: Futura, "Trebuchet MS", Arial, sans-serif !important;
	overflow-x: hidden;
	margin: auto;
	padding: 8%;
	background-image: linear-gradient(rgba(3, 3, 3, 0.8), rgba(3, 3, 3, 0.8)),
		url("../../media/bg.jpg") !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}

.ambil-antrian-box {
	max-width: 580px;
	margin: auto;
	border-radius: 10px !important;
}

.box-ambil-antrian {
	margin-bottom: 14px;
	background-color: white;
	border-radius: 10px !important;
}

.header-box-ambil-antrian {
	background: #121212;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 6px;
	border-top-left-radius: 8px !important;
	border-top-right-radius: 8px !important;
}

.logo-noantri {
	margin-top: 30px;
	width: 300px;
}

.text-screenshot {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	color: #121212;
}

.btn-utama {
	font-size: 12px;
	background: #121212 !important;
	color: #fff !important;
	padding: 10px 22px 10px 22px !important;
	border-radius: 10px !important;
}

.btn-utama:hover {
	background: #000 !important;
	color: #fff;
}

@media all and (max-width: 568px) {
	.header-box-ambil-antrian {
		font-size: 14px;
	}

	.logo-noantri {
		width: 200px;
	}

	.text-screenshot {
		font-size: 14px;
	}
}