@media (max-width: 768px) {

    .conatct-form-spk-DU > article {
        flex-direction: column;
        gap: 30px;
    }

    .form-conatct-form-spk-DU {
        width: 100%;
    }

    .form-conatct-form-spk-DU > form {
        width: 100%;
    }

    .form-conatct-form-spk-DU > form > div {
        flex-direction: column;
    }
    
    .map-about-spk-DU {
        height: auto;
        padding: 30px 0;
    }

    .map-about-spk-DU > article {
        flex-direction: column;
        background-image: none;
    }

    .map-about-spk-DU > article > img {
        width: 100%;
        height: auto;
        display: block;
    }

    .data-map-about-spk-DU {
        gap: 30px;
    }


}