@media screen and (max-width: 640px) {
    .servicios {
        padding: 40px;
        flex-direction: column;
    }

        .servicios .card {
            width: 100%;
        }

    .logo-contacto img {
        height: auto;
        width: 100%;
    }

    .modal-content {
        width: 90vw;
        height: 90vh;
        overflow: hidden;
        overflow-y: scroll;
    }

        .modal-body {
            flex-direction: column;
        }

            .modal-image {
                width: 100%;
            }

            .modal-right {
                padding-bottom: 15px;
            }

                .modal-right h3 {
                    font-size: 22px;
                }

                .modal-right * {
                    font-size: 16px;
                }

                .modal-right .btn {
                    width: 100%;
                    text-align: center;
                }
}