h1{
    font-size: 30px;
    font-weight: 700;
    margin: .5em 0;
}
h2{
    font-size: 26px;
    font-weight: 600;
    margin: .5em 0;
}
h3{
    font-size: 24px;
    font-weight: 500;
    margin: .25em 0;
}
h4{
    font-size: 18px;
    font-weight: 500;
    margin: .25em 0;
}
p{
    margin-top: .5em;
}
ul{
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 2rem;
    display: block;
    list-style-type: disc;
}
li{
    display: list-item;
    margin: .5em 0;
}
@media (min-width: 576px) {
    H1{font-size:34px;}
    H2{font-size:30px;}
    H3{ font-size: 24px}
    H4{ font-size: 20px}
}

@media (min-width: 768px) {
    H1{font-size:36px;}
    H2{font-size:32px;}
    H3{ font-size: 28px}
    H4{ font-size: 24px}
}

@media (min-width: 992px) {
    h1{font-size:46px;}
    H2{font-size:44px;}
    H3{ font-size: 30px}
    H4{ font-size: 28px}

}