.serviceContainer {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}

.serviceCard {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 65%;
    max-width: 1200px;
    padding: 25px;
}

.serviceImg {
    width: 33%;
    height: 350px;
    object-fit: cover;
    border: 2px solid #33333344;
    margin: 0 25px 0 25px;
}

.headingContainer {
    width: 90%;
    margin: 25px 0 15px 0;
}

@media only screen and (max-width: 1150px) {
    .serviceCard {
        width: 92%;
    }
}

@media only screen and (max-width: 780px) {
    .serviceCard {
        flex-wrap: wrap;
    }
    .serviceImg {
        margin: 40px;
        width: 90%;
    }
    .reOrder1 {
        order: 1;
    }
    .reOrder2 {
        order: 2;
    }
}