/* PHONES */
@media screen and (max-width: 767px) {

    .contact-div {
        margin: 0px;
        width: 100%;
    }

    .message-field {
        margin: 0px;
        width: 100%;
    }

    .envelope-div {
        margin: 0px;
        background: none;
        width: 100%;
        height: auto;
    }

    .envelope-div p {
        color: #ababab;
        padding: 10px 0px 10px 0px;
        text-align: center;
    }

    .contact-box {
        padding: 0px;
    }

    .fields {
        width: 100%;
        margin: 0px;
    }

    .contact-div p.contact-email {
        margin: 0px;
        padding-top: 10px;
        text-align: center;
    }

    .contact-div input {
        width: 90%;
        margin-left: 5%;
    }

    .contact-div textarea {
        width: 90%;
        margin-left: 5%;
    }

    .envelope-div input {
        width: 20%;
        margin-left: 35%;
    }
}