html, body {
    font-size: 1.2rem;
}

#image {
    height: 100%;
}


main img {
    width: 96%;
    display: block;
}


main {
    font-size: 1rem;
}

#form_image1 {
    grid-row: 1/span 2;
    z-index: 1;
}

#main {
    grid-template-rows: 150px auto;
}

#main h1 {
    grid-area: 1/1/2/2;
    height: 150px;
    align-self: start;
    text-align: left;
    padding-left: 10%;
    padding-top: 7%;
    font-size: 2.5rem;
    z-index: 2;
}

#formDiv {
    grid-area: 2/1/3/2;
    z-index: 2;
}

input[type=submit] {
    width: 30%;
    height: 6vh;
}

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

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #contact_form {
        display: -ms-grid;
        -ms-grid-columns: 10vw 30vw;
    }
    #main h1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        padding-top: 20%;
    }
    #form_image1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
    }
    #formDiv {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
}

/*
/script~div/ {
    width: 0px;
}

*:not(input.field) {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
}
*/