body {
    font-family: 'Kanit','Maven Pro', sans-serif;
}

h1 {
    padding: 80px 0 106px;
    color: var(--Primary);
    font-size: 24px;
    font-weight: bold;
    font-family: kanit;
}

h2 {
    font-size: 22px;
    font-weight: bold;
    font-family: kanit;
}

h3 {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Maven Pro', sans-serif;
}

p {
    font-size: 18px;
    color: var(--BodyText);
    margin-bottom: 0;
    font-weight: 400;
    font-family: Maven Pro;
}

/* Colors */
:root {
    --Background: #ffffff;
    --Primary: #7CB333;
    --Tertiary: #0097B7;
    --Secondary: #BB484F;
    --MidBlue: #252733;
    --LightBlue: #B5B7C0;
    --Black: #000000;
    --LightBlack: #7E7E7E;
    --BodyText: #333333;
    --NavText: #4D4D4D;
}