:root {
    /* colors used */
    --white: #fff;
    --RichBlue: #00B4D7;
    --dark-blue: #003561;
    --navy-blue: #B2E8F3;
    --light-blue: #D8F4F9;
    --pink: #AE5E9D;
    --light-pink: #F4E8F1;
    --bg-color: #F0F3F6;

    /* font families */
    --neue: "neue-haas-grotesk-display", sans-serif;
    /*--richmond: "richmond-display", sans-serif;*/
    --richmond: 'richmond-display', 'Richmond Display', sans-serif;

    /* style guide for 1920 */
    --h1-font-size: 74px;
    --h1-line-height:70px;

    --h2-font-size: 70px;
    --h2-line-height: 70px;

    --h3-font-size: 54px;
    --h3-line-height: 60px;

    --h4-font-size: 50px;
    --h4-line-height: 60px;

    --h5-font-size: 34px;
    --h5-line-height: 42px;

    --h6-font-size: 20px;
    --h6-line-height: 30px;

    --font-28: 28px;
    --line-28-height: 38px;
    
    --body-font-size: 17px;
    --body-line-height: 25px;
    
    --btn-font-size: 17px;
    --btn-line-height: 26px;

}