body {
    background-image: url(../src/img/contact/contact_background.svg);
    background-repeat: no-repeat;
}

#contact_form_container {
    display: flex;
    height: 100vh;
    align-items: center;
}

#contact_form {
    display: grid;
    margin: 0 10vw;
    width: 100%;
}
#contact_form * {
    height: 3vh;
    margin: 1vh;
}

#contact_fname {
    grid-column: 1;
    grid-row: 1;
}
#contact_lname {
    grid-column: 2;
    grid-row: 1;
}
#contact_email {
    grid-column: 1 / 3;
    grid-row: 2;
}
#contact_subject {
    grid-column: 1 / 3;
    grid-row: 3;
}
#contact_message {
    grid-column: 1 / 3;
    grid-row: 4;
    width: auto;
    height: 10vh;
    resize: none;
}
#contact_submit {
    grid-column: 1;
    grid-row: 5;
    height: 6vh;
}
#contact_goback {
    grid-column: 2;
    grid-row: 5;
    height: 6vh;
}

@media (width < 800px) {
    #contact_fname {
        grid-column: 1;
        grid-row: 1;
    }
    #contact_lname {
        grid-column: 1;
        grid-row: 2;
    }
    #contact_email {
        grid-column: 1;
        grid-row: 3;
    }
    #contact_subject {
        grid-column: 1;
        grid-row: 4;
    }
    #contact_message {
        grid-column: 1;
        grid-row: 5;
        width: auto;
        height: 10vh;
        resize: none;
    }
    #contact_submit {
        grid-column: 1;
        grid-row: 6;
    }
    #contact_goback {
        grid-column: 1;
        grid-row: 7;
    }
}