body {
    /*font-family: 'Work Sans', 'Roboto', sans-serif;*/
    font-weight: 400;
    font-size: 16px;
    color: var(--body-color);

}

/* --- Colors --- */

:root {
   --main: #bd6e7b;
    --main-light: #f5d2d9;
    --main-dark: #473433;
    --accent: #fcf1ef;
    --body-color: #212529;
    --cta-green: #18992c;
    --cta-green-dark: #06AA98;
    --grey: #ced4da;
    --grey-dark: #333333;
    --grey-light: #fafafa;
    /*--footer-bg-color: ;*/
} 
.hero .display-4 {
    color: var(--main)
}
.hero p, .banner-top {
    color: #fff;
}
.hero .display-4 span {
     color: #f8b9c6;
}