h1, h2{
    color: var(--purple);
    font-size: 40px;
    font-weight: 800;
}
h2{
    margin-bottom: 20px;
    font-size: 28px;
}
h5 {
    color: var(--purple);
    font-size: 32px;
    font-weight: 800;
}
p{
    color: var(--purple);
}
p.important {
    font-weight: 700;
}
p.p1 {
    font-size: 20px;
}
p.p2 {
    font-size: 18px;
}
ul.p3, p.p3 {
    font-size: 16px;
}
p.p4, p.p5, p.p6, p.p7 {
    font-size: 14px;
}


@media (min-width: 768px) {
    h1{
        font-size: 72px;
    }
    h2 {
        font-size: 64px;
    }
    h5 {
        font-size: 40px;
    }
    p.p1 {
        font-size: 32px;
    }
    p.p2 {
        font-size: 28px;
    }
    ul.p3, p.p3 {
        font-size: 24px;
    }
    p.p4 {
        font-size: 20px;
    }
    p.p5 {
        font-size: 18px;
    }
    p.p6 {
        font-size: 16px;
    }
    p.p7 {
        font-size: 14px;
    }
}