.p-contact-form-and-banner {
    padding-top: 30px;
    background: var(--white);
    margin-top: 30px;
    position: relative;
}

.p-contact-banner-holder {
    margin-top: 30px;
    height: 60px;
    width: 100%;
}

.p-contact-banner-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-contact-hero {
    padding-top: 50px;
}

@media only screen and (min-width:992px) {
    .p-contact-form-holder {
        width: 50%;
    }

    .p-contact-hero {
        padding-top: 100px;
    }

    .p-contact-banner-holder {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 40%;
        height: 100%;
        margin-top: 0px;
    }

    .p-contact-form-and-banner {
        margin-top: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media only screen and (min-width:1200px) {
    .p-contact-banner-holder {
        width: 45%;
    }
}

@media only screen and (min-width:1400px) {
    .p-contact-form-holder {
        width: 45%;
    }
}