body {
    font-size: 16px;;
}

header, main {
    margin: auto;
    width: 80%;
}

@media (max-width: 500px) {
    header, main {
        margin: 0;
        width: 100%;
    }
}

body > header {
    text-align: center;
}

article {
    margin-bottom: 20px;
}

.rating-badge {
    background-color: white;
}

#care-providers li {
    margin-bottom: 20px;
}

#care-providers li {
    margin-bottom: 20px;
}

.care-provider header {
    width: 100%;
    background-color: hsl(56, 100%, 50%);
}
.care-provider h2 {
    color: black;
}

.positive::marker {
    color: rgb(0, 198, 0);
    content: "+ ";
}

.neutral::marker {
    color: yellow;
    content: "~ ";
}

.negative::marker {
    color: red;
    content: "- ";
}


#jac-oost-brabant header {
    background-color: hsl(80, 100%, 70%);
}



#caw-de-kempen header {
    background-color: hsl(0, 100%, 40%);
}


#jac-halle-vilvoorde header {
    background-color: hsl(0, 100%, 80%);
}


#jac-limburg header {
    background-color: hsl(80, 100%, 40%);
}