@media screen and (min-width: 20rem) {
    html {
        font-size: calc(0.8rem + 1.2 * ((100vw - 20rem) / 30));
    }
}

@media screen and (min-width: 50rem) {
    html {
        font-size: 2rem;
    }

}


p {
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 700;
    margin: 0;
    /*margin-bottom: 1rem;*/
}

h1 {
    font-size: 2rem;
    line-height: 2rem;
    /*margin-top: calc((1.5rem - 2rem) + 1rem);*/
}

h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    /*margin-top: calc((1.5rem - 1.5rem) + 1rem * 2);*/
}

h3 {
    font-size: 1.25rem;
    line-height: 1.25rem;
    /*margin-top: calc((1.5rem - 1.25rem) + 1rem * 2);*/
}

h4 {
    font-size: 1rem;
    line-height: 1rem;
    /*margin-top: calc((1.5rem - 1rem) + 1rem * 2);*/
}

h5 {
    font-size: 0.875rem;
    line-height: 0.875rem;
    /*margin-top: calc((1.5rem - 0.875rem) + 1rem * 2);*/
}

.flow-text-container
{
    height: 100%;
    width: 22rem;

    margin: auto;
    padding: 0;
}

/* Desktops and laptops ----------- */

@media only screen
and (min-width : 1000px) {
    .flow-text-container
    {
        width: 28rem;
    }
}