responsive-page.css

@media (max-width: 670px) {

    .main {
        width: 50%;
        margin: 0px 50px;
    }

    .main-text p {
        width: 90%;
        height: 64px;
    }

    .main-image {
        width: 100%;
    }

    .img-1 {
        display: none;
    }

    .img-2 {
        display: block;
        width: 100%;
    }

    .form-container {
        width: 50%;
    }

    /* ================================== */
    .card {
        width: 100%;
    }

    .btn {
        width: 100%;
    }

    .bagi {
        flex-direction: column;
    }

    .wrap {
        width: 100%;
    }

    .contact-submit {
        margin: 10px auto;
    }

    /* Tambahkan CSS untuk header-right */
    .header-right {
        display: none;
    }

    /* Tambahkan CSS untuk menu-icon */
    .menu-icon {
        display: block;
    }
}

@media (max-width: 1000px) {

    .main {
        width: 50%;
    }

    .main-image {
        width: 70%;
    }

    .img-1 {
        display: none;
    }

    .img-2 {
        padding-top: 50px;
        display: block;
        width: 80%;
    }

    .main-text p {
        width: 670px;
        height: 64px;
    }

    .form-container {
        width: 110%;
    }

    /* ====================================== */

    /* body responsive */

    .card {
        width: 80%;
    }

    /* footer responsive */

    footer {
        text-align: center;
    }

}

@media (min-width: 1000px) {

    .text-container {
        display: flex;
        flex: auto;
    }


}