.contact-container {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 1em;
}

    .contact-container form {
        margin-top: 3em;
        /*    border: 1px solid dodgerblue;*/
        width: 30em;
        display: flex;
        flex-direction: column;
    }

    .contact-container h2 {
        text-align: center;
    }

.form-floating input {
    display: block;
    width: 90%;
    height: 2.8em;
    border: 1px solid lightgrey;
    background-color: rgb(226, 243, 247);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    padding: 0.8em;
}

.contact-container .label {
    /*  border: 1px solid dodgerblue;*/
    text-align: center;
    margin-bottom: 0em;
}

.form-floating {
    /*    display: block;
    width: 100%;
    height: 4em;*/
    text-align: center;
}

    .form-floating span {
        color: red;
        margin-bottom: 1em;
    }


    .form-floating textarea {
        width: 90%;
        height: 11em;
        resize: none;
        padding: 0 0.5em;
    }

.contact-container .button-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 90%;
}

    .contact-container .button-wrapper button {
        width: 100%;
        height: 2.8em;
        border-radius: .5em;
        background-color: dodgerblue;
        color: white;
        border: none;
    }