body {
    background-image: url('https://pengumuman.pbdjarum.org/assets/images/bg-min.jpg');
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}
.input-group { margin-bottom: 0.7rem }
.btn { overflow: hidden }
.text-white { color: #fff }
.text-bold { font-weight: bold; }
.bg-white-tranparent {
    background-color: rgba(255,255,255, 0.7);
    border-radius: 8px;
}
.img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem
}
.img-wrapper img {
    width: 20rem;
}
.img-df {
    margin-top: 2rem;
    width: 24rem !important;
}
.img-audisi {
    width: 36rem !important;
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.uppercase {
    text-transform: uppercase;
}

@media only screen and (max-width: 600px) {
  .btn-kategori { font-size: 12px; }
  .btn-header { font-size: 12px; }
  .img-audisi {
        width: 28rem !important;
    }
}

h5, h4 { line-height: 1.5 }