.serviceSection {
    display: grid;
    max-width: 90vw;
}

.imageRow0 {
    display: flex;
    flex-wrap: wrap;
    margin-top: max(max(2vh, 20px), max(2vw, 20px));
    justify-content: center;
}

.sectionLabel0 {
    font-family: Plaster, ui-serif;
    font-size: max(3.5vh, min(3.5vw,35px));
    align-self:center;
    width: calc(200%/3);
    text-align: center;
    margin-left: max(max(2vh, 20px), max(2vw, 20px));
}

.serviceImage0 {
    z-index: -1;
    width: calc(100%/3);
    border-radius: 60vw;
    max-width: 320px;
    min-width: 200px;
}

@media (width <= 1099px) {
    .serviceImage0 {
        margin-top: max(2vh, min(4vh, 40px));
    }
}

@media (width >= 1120px) {
    .serviceImage0 {
        margin-left: auto;
        margin-right: auto;
    }
}

.serviceDescription {
    font-family: Fraunces, ui-sans-serif;
    text-align: justify;
    padding-left: max(max(3vh, 30px), max(3vw, 30px));
    padding-right: max(max(4vh, 40px), max(4vw, 40px));
    line-height: max(max(3.5vh, 35px), min(3.5vh, 35px));
    font-size: max(max(2vh, 20px), min(2vw, 20px));
    width: 90%;
}

.serviceImage {
    margin-top: max(-6vh, min(-6vw, -60px));
    z-index: -3;
    position: relative;
    justify-self: center;
}

@media (width <= 500px) {
    .serviceDescription {
        width: 80vw;
        text-align: left;
    }
    .serviceImage {
        margin-left: max(-7vh, min(-7vw, -70px));
    }
}

.imageRow {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.sectionLabel {
    font-family: Plaster, ui-serif;
    font-size: max(max(2.4vh, 24px), min(2.4vw, 28px));
    align-self:center;
    justify-self: center;
    margin-left: max(max(3vh, 30px), max(3vw, 30px));
}

.desc3 {
    margin-bottom: max(max(2vh, 20px), max(2vw, 20px));
}