:root{
    /* --color-1:rgb(10, 14, 19); 
    --color-1:rgb(31, 40, 63);*/

    --color-1:rgb(16, 21, 34);
    --color-2:rgb(0, 0, 0);
    --color-3:rgb(48, 43, 39);
    --color-4:rgb(87, 108, 168);
    --color-hover:rgb(87, 108, 168);
    --color-onphoto-publications:rgba(39, 70, 144,0.8);
    --color-onphoto-publications2:rgb(10, 14, 19,0.8);
    /* kolory */
    /* --color-1:rgb(27, 38, 79);
    --color-2:rgb(39, 70, 144);
    --color-3:rgb(87, 108, 168);
    --color-4:rgb(48, 43, 39); */
/*  --color-5:;
    --color-6:; */

    /* --color-hover:rgb(48, 43, 39);
    --color-onphoto-publications:rgba(39, 70, 144,0.8);
    --color-onphoto-publications2:rgba(48, 43, 39,0.8); */


    --color-text:rgb(245, 243, 245);
    --color-rectangle:rgb(245, 243, 245);

    --margin-lines:20px;

    --font-title: DoblaSans-Regular; 
    --font-headingAndButtons: Anton;
    --font-text: Merriweather;

    /*font-size*/
    --fs-small:0.9rem;
    --fs-p: 1rem;
    --fs-a: 1.424rem;
    --fs-h6: 1.125rem;
    --fs-h5: 1.266rem;
    --fs-h4: 1.424rem;
    --fs-h3: 1.602rem;
    --fs-h2: 1.802rem;
    --fs-h1: 13.027rem; /*2.027rem*/

    /* line-height */
    --lh-small: 1.55;
    --lh-p: 1.65;
    --lh-a: 1.10; /*przyciski*/
    --lh-h6: 1.35;
    --lh-h5: 1.32;
    --lh-h4: 1.30;
    --lh-h3: 1.25;
    --lh-h2: 1.20;
    --lh-h1: 0.72;

    /* letter-spacing */
    --ls-p: 0.003em;
    --ls-small: 0.002em;
    --ls-a: -0.01em;
    --ls-h6: 0em;
    --ls-h5: 0em;
    --ls-h4: 0em;
    --ls-h3: -0.008em;     
    --ls-h2: -0.012em;    
    --ls-h1: -0.018em;
}

@media screen and (max-width: 1279px) {
    html{
        font-size: 95%;
    }
    :root{
        --fs-h1: 7.8rem;
        --fs-h2: 1.6218rem;
        --fs-h3: 1.4418rem;
        --fs-h6: 1.2816rem;
    }
}

@media screen and (max-width: 768px) {
    html{
        font-size: 85%;
    }
    :root{
        --fs-h1: 7.8rem;
        --fs-h2: 1.54071rem;
        --fs-h3: 1.36971rem;
        --fs-h6: 1.2rem;
    }
    

}

@media screen and (max-width: 480px) {
    html{
        font-size: 80%;
    }
    :root{
        --fs-h1: 7.8rem;
        --fs-h2: 1.386639rem;
        --fs-h3: 1.232739rem;
        --fs-h6: 0.99rem;
    }

}