/* 1. Memaksa container header dan navbar menjadi full width untuk banner */
#homepageImage, 
.navbar-header,
.navbar-brand {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Menghilangkan batasan tinggi (height) bawaan tema bootstrap pada logo */
.navbar-brand img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 300px !important; /* Menaikkan batas tinggi agar banner terlihat jelas */
    display: block !important;
    margin: 0 auto !important;
}

/* 3. Menyesuaikan posisi menu navigasi utama agar turun ke bawah banner secara rapi */
.navbar-collapse {
    float: none !important;
    width: 100% !important;
    clear: both !important;
    background-color: #f8f8f8; /* Menjaga warna dasar menu bootstrap, bisa diganti sesuai selera */
    border-top: 1px solid #e7e7e7;
}

.navbar-nav {
    float: left !important;
    margin: 0 !important;
}

/* 4. Opsional: Menghilangkan padding berlebih pada kontainer utama terluar header */
.navbar > .container, 
.navbar > .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}