:root {
    --page-width: min(80%, 800px);
}

@media(width < 600px){
    h1 { font-size: 2em; }
    p { font-size: 1em; }
    li { font-size: 1em; }
    img { height: 150px; }
}

@media(width >= 600px) {
    h1 { font-size: 4em; }
    h2 { font-size: 2em; }
    p { font-size: 26px; }
    li { font-size: 26px; }
    img { height: 300px; }
}

body {
    font-family: 'Quicksand', sans-serif;

    width: var(--page-width);
    margin-left: auto;
    margin-right: auto;
}


p {
    text-align: justify;
}