﻿.contactUs-Container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contactUs-ContactInfo {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.contactUs-Help {
    display: flex;
    flex-direction: column;
    width: 55%;
}

.contactUs-Help-TopicsAndLinks {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
}

.contactUs-Help-Topics {
    width: 45%;
}

.contactUs-Help-Links {
    display: flex;
    flex-direction: column;
    width: 45%;
}

.contactUs-section {
    margin-bottom: 1rem;
}

.contactUs-section h2,
.contactUs-section h3 {
    margin-bottom: 0.5rem;
}

.contactUs-section p {
    margin-bottom: 0.25rem;
}

.contactUs-section-subsection {
    margin-bottom: 1rem;
}

.accordion-container {
    padding: 25px 0;
}

.contactUs-HR { display: none; }


/* ********** chat ********** */

.contactUs-section.chatSection {
    padding: 5px 0;
}

.contactUs-chat {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.contactUs-chat h3 {
    margin: auto 0;
}

.contactUs-chat img {
    margin-right: 3px;
}



@media only screen and (max-width: 1000px) {

    .contactUs-Help-TopicsAndLinks {
        flex-direction: column;
    }

    .contactUs-Help-Topics {
        width: 100%;
        margin-bottom: 1rem;
    }

    .contactUs-Help-Links {
        width: 100%;
    }

}

@media only screen and (max-width: 750px) {

    .contactUs-Container {
        flex-direction: column;
    }

    .contactUs-ContactInfo {
        width: 100%;
    }

    .contactUs-Help {
        width: 100%;
    }

    .contactUs-HR {
        display: block;
        height: 3px;
        margin: 25px 0;
        background-color: #0075BE;
    }

}


