h1, h2, h3, h4 {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    color: #fb8332;
}

p, li {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    color: #424140;
}



h3 {
    margin-top: 2rem;
}

.button {
    background: #fb8332;
    border-radius: 4px;
    font-weight: 600;
}

.button:hover {
    background: #d55600;
}

h4 a {
    color: #fb8332; 
    text-decoration: underline;
    font-weight: 700;
}

p a {
    color: #fb8332; 
    font-weight: 700;
}

li a {
    color: #fb8332; 
    font-weight: 700;
}

a:active {
    color: #d55600;
}

a:focus {
    color: #d55600;
}

a:hover {
    color: #d55600;
}

ul {
    list-style: none;
}

li::before {
    content: "–"; 
    color: #fb8332;
}

li::before {
    content: "–"; 
    color: #fb8332;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}

.callout {
        border: 2px solid #dedede;
        background-color: #efefef;
        border-radius: 6px;
        padding: 2rem;
    }