.page-contact {
    position: relative;
    background: var(--color-blue-light);
    z-index: 1;
}

.contact-left-graphic,
.contact-right-graphic {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.contact-left-graphic {
    left: 76px;
}

.contact-right-graphic {
    right: 52px;
}

.contact-form {
    margin: -32px;
    padding: 32px;
    position: relative;
    z-index: 2;
}

@media (min-width: 1200px) {
    .contact-form label {
        font-size: 16px;
    }

    .contact-form [type="text"],
    .contact-form [type="date"], 
    .contact-form [type="datetime"], 
    .contact-form [type="datetime-local"], 
    .contact-form [type="email"], 
    .contact-form [type="month"], 
    .contact-form [type="number"], 
    .contact-form [type="password"], 
    .contact-form [type="search"], 
    .contact-form [type="tel"], 
    .contact-form [type="url"], 
    .contact-form [type="week"], 
    .contact-form [type="date"] {
        font-size: 15px;
        height: 50px;
        border-bottom: 2px solid var(--color-white);
    }

    .contact-form textarea {
        font-size: 15px;
        height: 253px;
        border-bottom: 2px solid var(--color-white);
    }
}