.site-wrapper {
    background: linear-gradient(#F8EAD8, rgba(248, 234,	216, 0.5));
}
.form .form-elements {
    flex: 1;
}
.form {
    color: white;
}
.form h1 {
    font-weight: 700;
    color: #b6a68f;
}
.form .d-flex > div {
    vertical-align: middle;
}
.form .d-flex .form-elements {
    flex: 2;
}
.form .card {
    border: 2px solid var(--hedi-circle-2);
    background-color: #D0B8A8;
}
.form .d-flex .card-wrapper {
    flex: 1;
    align-self: center;
}
.form .form-elements .d-flex input {
    flex: 1;
}
.form .form-elements textarea {
    /*width: calc(100% - 0.2rem);*/
    min-height: 15rem;
}
.form .fa-solid {
    color: var(--form-i);
    font-size: 40px;
}
.form .call-me-at {
    font-size: 12px;
    color: var(--call-me);
}
.form .form-control {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-top: 0.5rem;
    background-color: #fcfbf9;
    color: black !important;
    border-color: #b0aca4;
} 
.form-control:focus {
    border-color: #b0aca4 !important;
    box-shadow: 0 0 0 0.1rem rgb(176, 172, 164) !important;
}
.form input.form-control, .form textarea {
    background-color: var(--form-back) !important;
}
.form input[type="submit"]:hover {
    background-color: transparent !important;
    transition: 0.4s;
}
.form input[type="submit"] {
    transition: 0.5s;
    border: 1px solid #ECA869;
    background-color: #ECA869 !important;
    font-weight: 700;
    color: black !important;
    width: fit-content;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-right: auto !important;
    margin-left: auto !important;
    text-transform: uppercase;
    margin-top: 1.5rem !important;
}
.form .form-control::placeholder {
    color: #b6a68f;
}

@media(max-width: 768px) {
    .form .container > .d-flex {
        flex-direction: column;
    }
    .form .container .form-elements .d-flex {
        flex-direction: column;
    }
    .gmap_canvas {
        height: 400px;
        overflow: hidden;
    }
}