body { background-color:#FFF; }

h1 { margin-top:-8px; }

h2, h3 { margin-top:10px; }

p { font-size:92%; margin-bottom:0.5rem; }

table th, table td { padding:10px 10px 0 10px; }

.topkiri p { margin:0; padding-top:5px; color:#ffaf00; text-align:left; }

.topkiri a { color:#ffaf00; }

.topkanan p { margin:0; padding-top:5px; color:#ffaf00; text-align:right; }

.top { padding-top:30px; padding-bottom:50px; }

.tengah { text-align:center; }

.admin-login-bg { background-color:#001333; }

.bg { background-color:#790000; }

.bg-0 { background-color:#790000; padding-top:100px; padding-bottom:100px; color:#FFF; }

.bg-1 { background-color:#FFF; padding-top:100px; padding-bottom:100px; }

.bg-2 { background-color:#FFF; padding-bottom:100px; }

.bg-3 { background-color:#f2f2f2; padding-top:100px; padding-bottom:100px; }

.bg-4 { color:#FFF; background-color:#790000; }

.bg-4-tb { padding-top:50px; padding-bottom:50px; border-top:5px solid #ffaf00; }

.bg-0 h1, .bg-0 h5, .bg-4 h1, .bg-4 h2 { font-family: 'Berkshire Swash', cursive; }

.bg-0 h5 { line-height:1.5em; }

.bg-1 h2, .bg-2 h2, .bg-2 h3 { text-align:center; }

.bg-1 h1, .bg-1 h2, .bg-2 h1, .bg-2 h2, .bg-2 h3, .bg-3 h1 { color:#790000; font-family: 'Berkshire Swash', cursive; }

.bg-4 a { color:#ffaf00; }

.socmed a { color:#001333; }

.socmed a:hover { text-decoration:none; color:#0c306c; }

.navbar-dark .navbar-brand { text-transform:uppercase; font-weight:bold; color:#790000; }

.navbar-dark .navbar-nav .nav-link { color:#790000; }

.navbar-bg { background-color:#ffaf00; border-bottom:2px solid #790000; }

.noborder td { border-top:none; padding:0.5em; }

.listprod { margin-bottom:60px; }

.listprod h2 { text-align:left; }

.blogbox { height:450px; overflow:hidden; }

.blogbox h3 { font-size:large; line-height:1.5em; }

.blogbox a, .blogbox2 a { color:#ffaf00; text-decoration:none; }

.blogbox a:hover { text-decoration:underline; }

.imgthumb { width:100%; height:200px; overflow:hidden; margin-bottom:10px; }

.imgthumb2 { width:100%; height:60px; overflow:hidden; margin-bottom:15px; }

.myimg img { height:100px; }

@media(max-width:768px) {
   .top img { width:70%; }
   .topkiri p, .topkanan p { text-align:center; }
   .topkiri { margin-bottom:8px; }
   .bg-0, .bg-1, .bg-3 { padding-top:50px; padding-bottom:50px; }
   .bg-2 { padding-bottom:50px; }
   .listprod { margin-bottom:30px; }
   .blogbox{ height:auto; }
}