﻿.proclean-page-title {
    /* this matches style: news-header */
    margin-bottom: 20px;
    font-family: Serifa-Med;
    font-size: 26pt;
}

.proclean-container {
    display: flex;
    flex-direction: row;
}

.proclean-item {
    padding: 0 10px;
    flex-grow: 1;
}

    .proclean-item:first-child {
        width: 60%;
    }

    .proclean-item:last-child {
        width: 40%;
    }

    .proclean-image img {
        width: 50%;
    }

.contact_form-title {
    margin: 10px auto;
}

.contact_header-container {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1.25px solid #c0c0c0;
}

/* form --------------------------------------- */
.contact_form-item {
    margin-bottom: 10px;
}

.contact_form-field {
    background-color: #eeeeee;
}

/* City/State/Zip ---------------------------------------------------------------- */
.contact_form-cityStateZip-container {
    display: flex;
    flex-direction: row;
}

.contact_form-cityStateZip-item {
    flex-grow: 1;
}

    .contact_form-cityStateZip-item:nth-child(2) {
        padding: 0 4px;
    }


/* media query (768px) --------------------------------------- */
@media (max-width: 768px) {
    .proclean-page-title {
        text-align: center;
        font-size: 20pt;
    }

    .proclean-container {
        flex-direction: column-reverse;
    }

    .proclean-item {
        padding: 0;
    }

        .proclean-item:first-child,
        .proclean-item:last-child {
            width: 100%;
        }

    .proclean-image {
        margin: 20px auto;
        padding: 0;
    }

        .proclean-image img {
            width: 100%;
        }
}
