.contact-form-wrapper {
    min-height: calc(100vh - var(--header-height));
    height: calc(100vh - var(--header-height));
    margin-top: var(--header-height);

}

.contact-container {
    margin: 0 auto;
    padding: 2rem 0;
}
.contact-h3 {
    text-align: center;
    font-size: 3em;
    margin: 0 auto;
}

.contact-form-container form {
    width: 35%;
    margin: 0 auto;
}

.contact-form-container form input,
.contact-form-container form textarea, 
.contact-form-container form .submit-button {
    color: var(--main-color);
    width: 100%;
    margin: 1rem auto;
    padding: 1rem 0.8rem;
    text-align: center;
    border-radius: 6px;
    outline: 2px solid var(--main-color);
}

.contact-form-container form .submit-button{
    background-color: var(--main-color);
    color: var(--bg-primary);
}

.contact-form-container form .submit-button:hover {
    color: var(--main-color);
    background-color: var(--bg-primary);
}


@media only screen and (max-width: 1080px) {
    .contact-form-container form {
        width: 80%;
    }
}