.grid-container {
    display: grid;
    gap: 0;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

/* Grid Judul */
.grid-judul {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "ket-judul";
    gap: 0;
}
.grid-judul .ket-judul {
    grid-area: ket-judul;
    font-family: "Times New Roman", Times, serif;
    padding: 30px;
}

/* Grid Visi Misi */
.grid-visimisi {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-template-areas:
        "logo-visimisi ket-visimisi";
    align-items: center;
    gap: 0;
}
.grid-visimisi .logo-visimisi {
    grid-area: logo-visimisi;
    padding: 15px;
}
.grid-visimisi .ket-visimisi {
    grid-area: ket-visimisi;
    padding: 15px 40px 40px 15px;
}

/* Grid Rakenas */
.grid-rakenas {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-template-areas:
        "gambar-rakernas ket-rakernas";
    align-items: center;
    gap: 0;
}
.grid-rakenas .gambar-rakernas {
    grid-area: gambar-rakernas;
    padding: 25px;
}
.grid-rakenas .logo-guangfu {
    grid-area: logo-guangfu;
    padding: 15px;
    display: block; /* atau sesuai tipe elemen */
}
.grid-rakenas .ket-rakernas {
    grid-area: ket-rakernas;
    padding: 15px 15px 40px 15px;
}

/* Grid Talk Show */
.grid-talkshow {
    display: grid;
    grid-template-columns: 5fr 8fr;
    grid-template-areas:
        "gmbr-talkshow1 gmbr-talkshow2";
    gap: 0;
}
.grid-talkshow .gmbr-talkshow1 {
    grid-area: gmbr-talkshow1;
    padding: 15px;
}
.grid-talkshow .gmbr-talkshow2 {
    grid-area: gmbr-talkshow2;
    padding: 15px;
}

/* Grid Press */
.grid-press {
    display: grid;
    grid-template-columns: 3fr 3fr;
    grid-template-areas:
        "gmbr-press btn-press";
    gap: 0;
}
.grid-press .gmbr-press {
    grid-area: gmbr-press;
    padding: 15px;
}
.grid-press .btn-press {
    grid-area: btn-press;
    padding: 15px;
    display: flex;
    align-items: center;       /* Pusatkan secara vertikal */
    justify-content: center;   /* Opsional: pusatkan secara horizontal juga */
}

/* Grid Perkumpulan */
.grid-kumpul {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "gmbr-kumpul";
}
.grid-kumpul .gmbr-kumpul {
    grid-area: gambar4;
    padding: 15px;
}

/* Grid Perkumpulan */
.grid-footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "cls-footer";
}
.grid-footer .cls-footer {
    grid-area: cls-footer;
    padding: 15px;
}

@media (max-width: 768px) {
    .grid-visimisi {
        grid-template-columns: 1fr;
        grid-template-areas:
            "logo-visimisi"
            "ket-visimisi";
    }
    .grid-rakenas {
        grid-template-columns: 1fr;
        grid-template-areas:
            "gambar-rakernas"
            "ket-rakernas";
    }
    .grid-rakenas .logo-guangfu {
        display: none;
    }
    .grid-talkshow {
        grid-template-columns: 1fr;
        grid-template-areas:
            "gmbr-talkshow1"
            "gmbr-talkshow2";
    }
    .grid-press {
        grid-template-columns: 1fr;
        grid-template-areas:
            "gmbr-press"
            "btn-press";
    }
    .grid-kumpul {
        grid-template-columns: 1fr;
        grid-template-areas:
            "gmbr-kumpul";
    }
    .grid-footer {
        grid-template-columns: 1fr;
        grid-template-areas:
            "cls-footer";
    }
}

.bg-pale-beige {
    background-color: #F0D3B2;
}

.bg-birugelap {
    background-color: #164872;
}

.bg-birugelap2 {
    background-color: #164369;
}

.bg-birugelap3 {
    background-color: #102E47;
}

.bg-hitam {
    background-color: #000000;
}

.btn-custom {
    white-space: normal;
}

.responsive-nama {
    color: #164872;
    font-family: "Times New Roman", Times, serif;
    font-size: calc(0.9em + 0.7vw);
    line-height: calc(0.8em + 0.5vw);
    font-weight: bold;
}

.responsive-judul {
    font-size: calc(2.0em + 1.0vw);
    line-height: calc(0.7em + 1.2vw);
    font-weight: bold;
}
.responsive-judul2 {
    font-size: calc(1.2em + 1.0vw);
    line-height: calc(1.2em + 1.2vw);
    font-weight: bold;
}