/* define the sizes of different screens so that this can be edited in a single place */
:root {

    /* how large is each "screen"? */
    --large-screen: 1200px;
    --medium-screen: 1000px;
    --small-screen: 800px;

    /* how large should each screen's "container" be? */
    --large-container: 1150px;
    --medium-container: 950px;
    --small-container: 800px;

}