.contact-text-section {
    background: var(--color-black);
    color: var(--color-white);
    padding-top: var(--spacing-med);
    padding-bottom: var(--spacing-large);
    top: -1px;
    position: relative;
}

.contact-text-wrapper {
    display: flex;
    justify-content: space-between;
}

.contact-text-left {
    flex: 0 0 40%;
}

.contact-text-right {
    flex: 0 0 50%;
}

.contact-text-right p {
    font-size: var(--body-text-large);
    line-height: 140%;
    margin-bottom: 0;
}

.contact-text-link {
    background: var(--Extra-Light-Grey);
    color: var(--color-black);
    display: inline-block;
    margin-top: var(--spacing-med);
    padding: 20px 32px;
}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 576px) { 

    .contact-text-wrapper {
        flex-direction: column;
        gap: 20px;
    }

}