.h1 {
    font-size: 36px;
}

.h2 {
    font-size: 32px;
}

.h3 {
    font-size: 24px;
}

.p {
    font-size: 24px;
}

.li {
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .h1 {
        font-size: calc(18px + (36 - 18) * ((100vw - 375px) / (1024 - 375)));
    }

    .h2 {
        font-size: calc(16px + (32 - 16) * ((100vw - 375px) / (1024 - 375)));
    }

    .h3 {
        font-size: calc(12px + (24 - 12) * ((100vw - 375px) / (1024 - 375)));
    }

    .p {
        font-size: calc(12px + (24 - 12) * ((100vw - 375px) / (1024 - 375)));
    }
}