@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;700&display=swap');

body {
	font-family: 'Poppins', sans-serif; font-size:14px;
	background:#000; font-weight:400; color:#333;
}
a {
	color:#4b730b; text-decoration:none;
}
a:hover {
	color:#77b90e;
}
img {
	max-width:100%;
}
.bgwrap {
	background:#FFF; text-align:left; margin:10px;
    box-shadow: 0 0 2px #333;
    border: 1px solid #9d9d9d;
}
.border-danger {
	border-color:#270165 !important;
}
header {
	background:transparent;
	text-align:center; padding:0;
}
header p {
	color:#7f7f7f; font-weight:700; font-size:16px;
}
#menu {
	list-style:none; margin:0;
	display: flex; justify-content: center;
	background:#93a028;
}
#menu li {
	padding:0; border-right: 1px solid #4e570d;
    border-left: 1px solid #b7bf77;
}
#menu li:first-child {
	border-left:none;
}
#menu li:last-child {
	border-right:none;
}
#menu li a {
	display:block; padding:10px 18px 10px; text-decoration:none; color:#FFF; font-weight:700;
	text-transform:capitalize; font-size:14px;
}
#menu li a:hover {
	color:#ff8500; text-decoration:none;
}
.datapaito {
	width:100%; margin-bottom:30px; max-width:100%; margin-left:auto; margin-right:auto; background:#FFF;
}
.datapaito td, .datapaito th {
	border:1px solid #b7b7b7; padding:4px 0;  font-weight:normal; text-align:center; width:12.5%;
}
.datapaito .tahun th {
	background: transparent; padding:6px 0; font-size:120%; font-weight:bold; color:#FFF;
}
.datapaito .hari th {
	background: #93a028; font-weight:700;
	color:#FFF; text-shadow:0 1px 1px #000;
}
.datapaito tr:not(.hari):not(.tahun) td {
	background:transparent; color:#252525; font-size:14px;
}
.datapaito tr:not(.hari):not(.tahun):nth-last-child(5n+1) td {
    background: #e9e9e9;
}
.bgwrap h1 {
	font-size:34px;
}
.bgwrap h2 {
	font-size:28px;
}
.bgwrap h3 {
	font-size:24px;
}
.copyright {
	color:#CCC; margin-bottom:30px; font-size:12px;
}
.copyright a {
	color:#DDD;
}
.copyright a:hover {
	color:#AAA;
}

@media (min-width: 850px){
	.container {
		max-width: 850px !important;
	}
}
@media (max-width:767px){
	.datapaito .tahun th {
		font-size:16px;
	}
	.datapaito td, .datapaito th {
		font-size:12px;
	}
	body > .container {
		width:auto; margin-left:10px; margin-right:10px;
		font-size:14px;
	}
	#menu {
		display: block; margin:0; padding:0;
	}
	#menu li {
		display:block;
		border-bottom:1px solid #21714e;
	}
	#menu li a {
		display:block; text-align:center;
		font-size: 13px;
	}
	.headtitle {
		font-size: 32px;
	}
	header p {
		font-size:14px;
	}	
	.datapaito tr:not(.hari):not(.tahun) td {
		font-size:12px;
	}
	.bgwrap {
		line-height:1.3; font-size:12px;
		margin:5px;
	}
	.bgwrap h1 {
		font-size:24px;
	}
	.bgwrap h2 {
		font-size:20px;
	}
	.bgwrap h3 {
		font-size:16px;
	}
}
@media (max-width:340px){
	.datapaito tr:not(.hari):not(.tahun) td {
		font-size:10px;
	}
}