/* ---------------------------- --------------------------- ---------------------------- */
/* ---------------------------- --------------------------- ---------------------------- */
/* ---------------------------- ROOT MEDIA FONT MAIN STYLES ---------------------------- */
/* ---------------------------- --------------------------- ---------------------------- */
/* ---------------------------- --------------------------- ---------------------------- */

/* ---------------------------- --------------------------- ---------------------------- */
/* --------------------------- ROOT MEDIA FONT FOOTER STYLES --------------------------- */
/* ---------------------------- --------------------------- ---------------------------- */

/* ---------------------------- -------- TIME FOOT -------- ---------------------------- */

@media (max-width: 900px) {
    :root {
        --Fs-Footer-Time: var(--Fs-Footer-Time-2);
        --Lh-Footer-Time: var(--Lh-Footer-Time-2);
    }
}

/* ---------------------------- -------- COMM FOOT -------- ---------------------------- */

@media (max-width: 900px) and (min-width: 751px) {
    :root {
        --Fs-Footer-Comm: var(--Fs-Footer-Comm-2);
        --Lh-Footer-Comm: var(--Lh-Footer-Comm-2);
    }
}

@media (max-width: 750px) {
    :root {
        --Fs-Footer-Comm: var(--Fs-Footer-Comm-3);
        --Lh-Footer-Comm: var(--Lh-Footer-Comm-3);
    }
}

/* ---------------------------- ------- BTN -- FOOT ------- ---------------------------- */

@media (max-width: 360px) {
    :root {
        --Fs-Footer-Btn: var(--Fs-Footer-Btn-2);
        --Lh-Footer-Btn: var(--Lh-Footer-Btn-2);
    }
}

/* ---------------------------- -------- COPY FOOT -------- ---------------------------- */


@media (max-width: 900px) {
    :root {
        --Fs-Footer-Copy: var(--Fs-Footer-Copy-2);
        --Lh-Footer-Copy: var(--Lh-Footer-Copy-2);
    }
}

/* ---------------------------- --------------------- ---------------------------- */
/* ---------------------------- --------------------- ---------------------------- */
/* ---------------------------- ROOT FONT HOME STYLES ---------------------------- */
/* ---------------------------- --------------------- ---------------------------- */
/* ---------------------------- --------------------- ---------------------------- */

@media (max-width: 470px) and (min-width: 421px) {
    :root {
        --Fs-Services-Content: var(--Fs-Services-Content-2);
        --Lh-Services-Content: var(--Lh-Services-Content-2);
    }
}

@media (max-width: 420px) and (min-width: 405px) {
    :root {
        --Fs-Services-Content: var(--Fs-Services-Content-3);
        --Lh-Services-Content: var(--Lh-Services-Content-3);
    }
}

@media (max-width: 404px) and (min-width: 391px) {
    :root {
        --Fs-Services-Content: var(--Fs-Services-Content-4);
        --Lh-Services-Content: var(--Lh-Services-Content-4);
    }
}

@media (max-width: 390px) and (min-width: 361px) {
    :root {
        --Fs-Services-Content: var(--Fs-Services-Content-5);
        --Lh-Services-Content: var(--Lh-Services-Content-5);
    }
}

@media (max-width: 360px) {
    :root {
        --Fs-Services-Content: var(--Fs-Services-Content-6);
        --Lh-Services-Content: var(--Lh-Services-Content-6);
    }
}

@media (max-width: 470px) and (min-width: 391px) {
    :root {
        --Fs-Home-Content-Title: var(--Fs-Home-Content-Title-2);
        --Fs-Home-Content: var(--Fs-Home-Content-2);
        --Lh-Home-Content: var(--Lh-Home-Content-2);
    }
}

@media (max-width: 390px) {
    :root {
        --Fs-Home-Content-Title: var(--Fs-Home-Content-Title-3);
        --Fs-Home-Content: var(--Fs-Home-Content-3);
        --Lh-Home-Content: var(--Lh-Home-Content-3);
    }
}

/* ---------------------------- --------------------- ---------------------------- */
/* ---------------------------- --------------------- ---------------------------- */
/* -------------------------- ROOT FONT PROJECTS STYLES -------------------------- */
/* ---------------------------- --------------------- ---------------------------- */
/* ---------------------------- --------------------- ---------------------------- */


/* ---------------------------- - PROJECTS -- TITLE - ---------------------------- */


@media (max-width: 1500px) and (min-width: 1201px) {
    :root {
        --Fs-Projects-Title: var(--Fs-Projects-Title-2);
        --Lh-Projects-Title: var(--Lh-Projects-Title-2);
    }
}

@media (max-width: 1200px) and (min-width: 1001px) {
    :root {
        --Fs-Projects-Title: var(--Fs-Projects-Title-3);
        --Lh-Projects-Title: var(--Lh-Projects-Title-3);
    }
}

@media (max-width: 1000px) and (min-width: 851px) {
    :root {
        --Fs-Projects-Title: var(--Fs-Projects-Title-4);
        --Lh-Projects-Title: var(--Lh-Projects-Title-4);
    }
}

@media (max-width: 850px) and (min-width: 701px) {
    :root {
        --Fs-Projects-Title: var(--Fs-Projects-Title-5);
        --Lh-Projects-Title: var(--Lh-Projects-Title-5);
    }
}


@media (max-width: 700px) and (min-width: 601px) {
    :root {
        --Fs-Projects-Title: var(--Fs-Projects-Title-6);
        --Lh-Projects-Title: var(--Lh-Projects-Title-6);
    }
}


@media (max-width: 600px) and (min-width: 501px) {
    :root {
        --Fs-Projects-Title: var(--Fs-Projects-Title-7);
        --Lh-Projects-Title: var(--Lh-Projects-Title-7);
    }
}


@media (max-width: 500px) and (min-width: 391px) {
    :root {
        --Fs-Projects-Title: var(--Fs-Projects-Title-8);
        --Lh-Projects-Title: var(--Lh-Projects-Title-8);
    }
}


@media (max-width: 390px) and (min-width: 361px) {
    :root {
        --Fs-Projects-Title: var(--Fs-Projects-Title-9);
        --Lh-Projects-Title: var(--Lh-Projects-Title-9);
    }
}


@media (max-width: 360px) {
    :root {
        --Fs-Projects-Title: var(--Fs-Projects-Title-10);
        --Lh-Projects-Title: var(--Lh-Projects-Title-10);
    }
}




/* ---------------------------- --------------------- ---------------------------- */
/* ---------------------------- --------------------- ---------------------------- */
/* ------------------------- ROOT FONT PROJ PAGES STYLES ------------------------- */
/* ---------------------------- --------------------- ---------------------------- */
/* ---------------------------- --------------------- ---------------------------- */

/* ---------------------------- --------------------- ---------------------------- */
/* -------------------------- ROOT FONT PRJ TITL STYLES -------------------------- */
/* ---------------------------- --------------------- ---------------------------- */


@media (max-width: 1000px) and (min-width: 851px) {
    :root {
        --Fs-Data-Title: var(--Fs-Data-Title-2);
        --Lh-Data-Title: var(--Lh-Data-Title-2);
    }
}

@media (max-width: 850px) and (min-width: 701px) {
    :root {
        --Fs-Data-Title: var(--Fs-Data-Title-3);
        --Lh-Data-Title: var(--Lh-Data-Title-3);
    }
}


@media (max-width: 700px) and (min-width: 601px) {
    :root {
        --Fs-Data-Title: var(--Fs-Data-Title-4);
        --Lh-Data-Title: var(--Lh-Data-Title-4);
    }
}


@media (max-width: 600px) and (min-width: 501px) {
    :root {
        --Fs-Data-Title: var(--Fs-Data-Title-5);
        --Lh-Data-Title: var(--Lh-Data-Title-5);
    }
}


@media (max-width: 500px) and (min-width: 391px) {
    :root {
        --Fs-Data-Title: var(--Fs-Data-Title-6);
        --Lh-Data-Title: var(--Lh-Data-Title-6);
    }
}


@media (max-width: 390px) and (min-width: 361px) {
    :root {
        --Fs-Data-Title: var(--Fs-Data-Title-7);
        --Lh-Data-Title: var(--Lh-Data-Title-7);
    }
}


@media (max-width: 360px) {
    :root {
        --Fs-Data-Title: var(--Fs-Data-Title-8);
        --Lh-Data-Title: var(--Lh-Data-Title-8);
    }
}



/* ---------------------------- --------------------- ---------------------------- */
/* ------------ ROOT FONT PROJ DSCRITPION / METADATA / CREDITS STYLES ------------ */
/* ---------------------------- --------------------- ---------------------------- */

@media (max-width: 500px) {
    :root {
        --Fs-Description: var(--Fs-Description-2);
        --Lh-Description: var(--Lh-Description-2);
        --Fs-Metadata: var(--Fs-Metadata-2);
        --Lh-Metadata: var(--Lh-Metadata-2);
        --Fs-Credits: var(--Fs-Credits-2);
        --Lh-Credits: var(--Lh-Credits-2);
    }
}