
.serviceBlurb {
    display: flex;
    flex-direction: row;
}

.serviceImage {
    width: 50%;
    height: 100%;
}

.serviceBlurb {
    display: flex;
    flex-direction: row;
    height: 50vh;
}

.serviceImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.serviceText {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 10%;
    box-sizing: border-box;
    padding-right: 5%;
}

.serviceText h2 {
    font-family: 'Barlow';
    color: #88b04b;
    font-size: 2.2em;
}

.serviceText p {
    font-family: 'Barlow';
    font-size: 1.1em;
    margin: 0.6em 0;
}

.servicesBlurbs>div:nth-of-type(even) {
    flex-direction: row-reverse;
}

.serviceImage {
    width: calc(50% + 1px);
    height: 100%;
}


@media only screen and (max-width:1600px){
    .serviceText h2 {
    font-size: 1.9em;
}
.serviceText p {
    font-size: 0.9em;
}


}


@media only screen and (max-width:1000px){
    .serviceBlurb {
    flex-direction: column!important;
    height: auto;
}

.serviceImage, .serviceText {
    width: 100%;
}

.serviceBlurb {
    flex-direction: column!important;
    height: auto;
}

.serviceImage, .serviceText {
    width: 100%;
    height: auto;
}

.serviceText h2 {
    margin-top: unset;
    display: block;
    width: 100%;
}

.serviceText * {
    text-align: center;
}

.serviceText p {
    margin: 0.3em 0;
    display:block;
    width:100%;
}


.serviceText {
    padding-top: 5vh;
    padding-bottom: 5vh;
}


.serviceText {
    padding-left: 4%;
    padding-right: 4%;
}

}