@media screen and (max-device-width: 600px) {
    #contacts {
        height: 830px;
    }

    #contacts_header {
        top: 36%;
        font-size: 60px;
    }

    .contact_element {
        height: 200px;
    }

    .contact_element span {
        font-size: 30px;
    }

    .contact_element p {
        font-size: 22px;
    }

    #map_container {
        height: 750px;
    }

    #contacts_container {
        top: 10%;
    }

    #map {
        height: 550px;
    }

    #map_container iframe {
        height: 550px;
    }
}
@media screen and (max-device-width: 375px) {
    #contacts_header {
        top: 40%;
    }

    #map_container {
        height: 1100px;
    }

    #map {
        height: 800px;
    }

    #map_container iframe {
        height: 800px;
        width: 800px;
    }
}