body { background-color:#AAA; }

h1 { margin-top:-8px; }

h2 { margin-top:10px; }

p { font-size:92%; }

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

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

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

.tengah { text-align:center; }

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

.bg { background-image: url("image/bg.jpeg"); background-position: top center; background-repeat:repeat; }

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

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

.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:#AAA; }

.bg-4-tb { padding-top:20px; padding-bottom:20px; }

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

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

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

.socmed a { color:#001333; }

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

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

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

.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 { color:#e10028; text-decoration:none; }

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

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

.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; }
}