@media (max-width: 1023px) {
    #contact {
        display: block;
        position: relative;
        margin-bottom: 100px;
    }
    #contact-close {
        display: none;
    }
    #contact-title {
        font-family: 'Raleway', sans-serif;
        font-size: 4em;
        letter-spacing: 0.2em;
        font-weight: bold;
        font-variant-caps: all-petite-caps;
        line-height: 0.8em;
        display: inline-block;
    }
    #contact-txt {
        margin: 0 15px 40px 15px;
        font-family: 'Raleway', sans-serif;
        font-size: 2em;
        display: none;
    }
    #contactform .row {
        display: block;
    }
    input, textarea {
        border: 1px #f9b233 solid;
        border-radius: 6px;
        height: 50px;
        font-size: 1.8em;
        display: block;
        width: 100% !important;
        max-width: 100% !important;
    }
    label {
        font-family: 'Raleway', sans-serif;
        font-size: 2em;
        letter-spacing: 0.02em;
        font-weight: bold;
        font-variant-caps: all-petite-caps;
        line-height: 0.8em;
        text-align: right;
        padding: 0;
        margin-top: 7px;
        text-align: left;
    }
    #contactform {
        padding: 0;
            width: 100%;
            max-width: 95%;
    }
    textarea {
        min-height: 180px !important;
    }
    input[type="submit"] {
        background-color: #9C27B0;
        border-color: #673AB7;
        font-family: 'Raleway', sans-serif;
        font-size: 2em;
        height: 70px;
        letter-spacing: 0.2em;
        font-variant-caps: all-petite-caps;
        line-height: 1em;
        transition: 0.4s;
        width: 200px !important;
    margin-top: 15px;
    float: left !important;
    margin-left: -12px;
    }
    #contact-message{
        font-size: 2em;
    }
}

@media (min-width: 1024px) {
    #contact {
        position: absolute;
        width: 40%;
        background: rgba(255, 255, 255, 0.95);
        z-index: 99;
        right: -60%;
        height: 100%;
        transition: 1s;
    }
    #contact-close {
        display: inline-block;
        margin: 0;
        font-family: 'Raleway', sans-serif;
        font-size: 2.4em;
        cursor: pointer;
        font-variant-caps: all-petite-caps;
        line-height: 0.5em;
    }
    #contact-title {
        font-family: 'Raleway', sans-serif;
        font-size: 2em;
        letter-spacing: 0.2em;
        font-weight: bold;
        font-variant-caps: all-petite-caps;
        line-height: 0.8em;
        display: inline-block;
        margin: 0 0 0 15px;
    }
    #contact-txt {
        margin: 0 15px 20px 15px;
        font-family: 'Raleway', sans-serif;
        font-size: 0.8em;
        display: none;

    }
    input, textarea {
        border: 1px #f9b233 solid;
        border-radius: 6px;
        font-size: 0.9em;
    }
    label {
        font-family: 'Raleway', sans-serif;
        font-size: 0.9em;
        letter-spacing: 0.02em;
        font-weight: bold;
        font-variant-caps: all-petite-caps;
        line-height: 0.8em;
        text-align: right;
        padding: 0;
        margin-top: 7px;
    }
    #contactform {
        padding: 0;
        margin: 10px;
        width: 93%;
    }
    input[type="submit"] {
        background-color: #9C27B0;
        border-color: #673AB7;
        font-family: 'Raleway', sans-serif;
        font-size: 1em;
        letter-spacing: 0.2em;
        font-variant-caps: all-petite-caps;
        line-height: 1em;
        transition: 0.4s;
    }
    #contact-message{
        margin: 20px;
    }
}

#contact-title-container {
    margin: 15px;
}

#contactform .row {
    margin-bottom: 15px;
}

input[type="submit"]:hover {
    background-color: #673AB7;
    border-color: #673AB7;
    transition: 0.4s;
}