body {
    background-color: #FFF;
}
.heroBG .footerSmallCircLeft {
    left: 30px;
    top: 64px;
}
.heroBG .footerSmallCircRight {
    right: -20px;
    top: 175px;
}
.heroBG .footerMidCirc {
    right: 20px;
    top: 200px;
}
.hero .circSvg {
    bottom: 130px;
    right: -460px;
}
g#features {
    fill: green;
}
@media (min-width: 768px){
    .main-content > section:not(:first-child) {
        padding: 6rem 1.2rem;
    }
    .heroFlex {
        height:338px;
    } 
    .heroBG {
        height:440px;
    }
    .hero .circSvg {
        top: -640px;
        height: 1150px;
        right: -220px;
    }
    .heroBG .footerSmallCircLeft {
        top: 100px;
        left: 4%;
    }
    .heroBG .footerMidCirc {
        right: 280px;
        top: 340px;
    }
    .heroBG .footerSmallCircRight {
        right: 376px;
        top: 310px;
    }
}