:root
{
    --Soft-Cream:   #F4EFEA;
    --Warm-Taupe:   #C2B6A6;
    --Deep-Moss:    #4F6F64;
    --Terracotta:   #C47A5A;
    --Muted-Sage:   #A8BFB0;
    --Charcol-Brown:#3B2F2A;
    --Muted-Blue:   #6D8A96;

}

main
{
    width: clamp(200px, 70vw, 1200px); height: auto;
    margin: 24px auto 24px;
}

.care-plan 
{
    width: 90%;
    margin: 24px auto 24px;
}

.care-plan h1
{
    color: var(--Terracotta);
    margin-bottom: 48px;
}

.care-plan h2
{
    color: var(--Deep-Moss);
    text-align: left;
    margin-bottom: 8px;
    padding: 0px;
}

.care-plan p
{
    color: var(--Charcol-Brown);
    text-align: left;
    margin: 24px auto 24px;    
}

.care-plan ul
{
    color: #4F6F64;
    list-style: none;
    text-align: left;
    margin: 24px auto 24px;  
}


@media (max-width: 992px)
{
    main
    {
        width: 90vw;
    }

    

    
}


/* moblie */
@media (max-width: 722px)
{
    main
    {
        width: 95vw;
    }
    
    .care-plan h1
    {
        font-size: 18pt;
    }

     .care-plan h2
    {
        font-size: 14pt;
    }

    .care-plan p,
    .care-plan ul
    {
        font-size: 12pt;
    }
}