html, body {
    color: #ffffff;
}

#main {
    display: grid;
    grid-template-columns: 50vw 50vw;
}

#form_image1 {
    grid-row: 1;
    grid-column: 1/span 2;
    width: 100%;
}

#main h1 {
    grid-area: 1/1/2/2;
    align-self: center;
    text-align: center;
    padding-left: 2%;
}

#contact_form {
    display: grid;
    grid-template-columns: 30vw 50vw;
    grid-column-gap: 10px;
    padding-top: 4%;
}

#contact_form label {
    grid-column: 1;
    float: left;
    text-align: right;
    font-size: 1.1rem;
    display: block;
}

#contact_form input, #contact_form textarea, #contact_form button {
    grid-column: 2;    
}

input[type=text], input[type=email], textarea {
    font-size: .9rem;
    width: 80%;
    margin-bottom: 4%;
}

button {
    background: #1a53ff;
    color: #ffffff;
    font-size: 1.1rem;
    width: 50%;
    height: 4vh;
    border: none;
    border-radius: 5px;
}

button:hover {
    background: #0039e6;
}

textarea {
    resize: vertical;
}

textarea::placeholder, input[type=text]::placeholder, input[type=email]::placeholder {
    font-family: Nunito, sans-serif;
}

.success {
    grid-column: 2;
    display: block;
    background-color: #99e699;
    width: 80%;
    color: #196719;
    padding: 3% 2%;
    margin-top: 5%;
}

.error {
    grid-column: 2;
    display: block;
    background-color: #ff4d4d;
    color: #990000;
    width: 80%;
    padding: 3% 2%;
    margin-top: 5%;
    
}

#captcha {
    grid-column: 2;
    margin-bottom: 4%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* IE10+ CSS */
   #main {
       display: -ms-grid;
    }
    #formDiv {
        -ms-grid-row: 2;
    }
    #form_image1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    #main h1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #contact_form {
        display: -ms-grid;
        -ms-grid-columns: 30vw 50vw;
    }
    #contact_form label {
        -ms-grid-column: 1;
    }
    #contact_form input, #contact_form textarea, #contact_form button {
        -ms-grid-column: 2;
        margin-left: 20px;
        margin-bottom: 10px;
    }
    .success {
        -ms-grid-column: 2;
    }
    .error {
        -ms-grid-column: 2;
    }
    #captcha {
        -ms-grid-column: 2;
        margin-left: 20px;
    }

    #l_fname { -ms-grid-row: 1; -ms-grid-column: 1; }
    #fname { -ms-grid-row: 1; -ms-grid-column: 2; }
    #l_lname { -ms-grid-row: 2; -ms-grid-column: 1; }
    #lname { -ms-grid-row: 2; -ms-grid-column: 2; }
    #l_email { -ms-grid-row: 3; -ms-grid-column: 1; }
    #email { -ms-grid-row: 3; -ms-grid-column: 2; }
    #l_phone { -ms-grid-row: 4; -ms-grid-column: 1; }
    #phone { -ms-grid-row: 4; -ms-grid-column: 2; }
    #l_message { -ms-grid-row: 5; -ms-grid-column: 1; }
    #message { -ms-grid-row: 5; -ms-grid-column: 2; }
    #captcha { -ms-grid-row: 6; -ms-grid-column: 2; }
    #contact_submit { -ms-grid-row: 7; -ms-grid-column: 2; }
    #form_message { -ms-grid-row: 8; -ms-grid-column: 2; }
}