/*
SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128

FONT SIZE SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
*/
.ContactUs-header {
    text-align: center;
}

.Contact-Header {
    border: black;
}

.Content-Container-Resize {
    width: 50%;
    border: solid;
    border-color: black;
    justify-content: center;
    margin-left: 25%;
    margin-right: 25%;
    border: none;
}

input {
    vertical-align: top;
    margin: 0;
}

.ContactUs-container {
    display: grid;
    grid-template-columns: 0.25fr 1fr;
    gap: 1.6rem;
    padding: 1.6rem;
    width: 75%;
    /*border:solid;*/
    justify-content: center;
    margin-left: 12.5%;
    margin-right: 12.5%;
}

.ContactUs-Email-Error {
    grid-row: 1/ 2;
    grid-column: 1 / -1;
    color: red;
}

.Email-Label {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    margin-top: 0em;
}

.email {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}

.ContactUs-FName-Error {
    grid-row: 3 / 4;
    grid-column: 1 / -1;
    color: red;
}

.ContactUs-FName-Label {
    grid-row: 4 / 5;
    grid-column: 1 / 2;
}

.ContactUs-FName {
    grid-row: 4 / 5;
    grid-column: 2 / 3;
}

.ContactUs-LName-Error {
    grid-row: 5 / 6;
    grid-column: 1 / -1;
    color: red;
}

.ContactUs-Last_Name-Label {
    grid-row: 6 / 7;
    grid-column: 1 / 2;
}

.ContactUs-Last_Name {
    grid-row: 6 / 7;
    grid-column: 2 / 3;
}

.ContactUs-Message-Error {
    grid-row: 7 / 8;
    grid-column: 1 / -1;
    color: red;
}

.ContactUs-Message-Label {
    grid-row: 8 / 9;
    grid-column: 1 / 2;
}

.ContactUs-Message {
    grid-row: 8 / 9;
    grid-column: 2 / 3;
}

.ContactUs-Submit-Button {
    grid-row: 9 / 10;
    grid-column: 1 / -1;
    height: 4.6875em;
}


h2 {
    font-size: 2.25em;
    color: #4b629c;
    margin-bottom: 1.5em;
    line-height: 1;
}

@media(max-width: 58em) {
    .Content-Container-Resize {
        width: 100%;
        height: 50%;
        overflow-y: scroll;
        margin-left: 0%;
        margin-right: 0;
    }

    .ContactUs-container {
        /*display: grid;
        grid-template-columns: 0.25fr 1fr;
        gap: 1.6rem;
        padding: 1.6rem;
        width: 75%;        
        justify-content: center;*/
        margin-left: 0%;
        margin-right: 0%;
    }

    .ContactUs-Submit-Button {
        width: 100%;
    }
}

@media(max-width: 25em) {

    .ContactUs-container {
        grid-template-columns: 1fr;
        gap: 1.6rem;
        padding: 1.6rem;
        width: 75%;
        justify-content: center;
        */ margin-left: 0%;
        margin-right: 0%;
    }

    .ContactUs-Email-Error {
        grid-row: 1/ 2;
        grid-column: 1 / -1;
    }

    .Email-Label {
        grid-row: 2 / 3;
        grid-column: 1 / -1;
        margin-top: 0em;
    }

    .email {
        grid-row: 3 / 4;
        grid-column: 1 / -1;
    }

    .ContactUs-FName-Error {
        grid-row: 4 / 6;
        grid-column: 1 / -1;
        color: red;
    }

    .ContactUs-FName-Label {
        grid-row: 5 / 6;
        grid-column: 1 / -1;
    }

    .ContactUs-FName {
        grid-row: 6 / 7;
        grid-column: 1 / -1;
    }

    .ContactUs-LName-Error {
        grid-row: 7 / 8;
        grid-column: 1 / -1;
        color: red;
    }

    .ContactUs-Last_Name-Label {
        grid-row: 8 / 9;
        grid-column: 1 / -1;
    }

    .ContactUs-Last_Name {
        grid-row: 9 / 10;
        grid-column: 1 / -1;
    }

    .ContactUs-Message-Error {
        grid-row: 10 / 11;
        grid-column: 1 / -1;
        color: red;
    }

    .ContactUs-Message-Label {
        grid-row: 11 / 12;
        grid-column: 1 / -1;
    }

    .ContactUs-Message {
        grid-row: 12 / 13;
        grid-column: 1 / -1;
    }

    .ContactUs-Submit-Button {
        grid-row: 13 / 14;
        grid-column: 1 / -1;
        height: 4.6875em;
    }
}