:root {
--width-main: 1200px;
--font-icons: 'Material Icons';
--font-primary: 'Quicksand';
--font-headers: 'Rubik';
--font-size-small: 12px;
--font-size-primary: 14px;
--font-size-header-h1: 30px;
--font-size-header-h2: 20px;
--font-size-header-h3: 16px;
--font-weight-400: 400;
--font-weight-500: 500;
--font-weight-600: 600;
--font-weight-700: 700;
--line-height: 1.10;
--line-height-more: 1.50;

        --back-body: #373736; /* pozadí HTML za eshopem */
        --back-main: #5F5F5F; /* pozadí eshopu, bočního menu */
        --back-info: #5F5F5F; /* pozadí infolišty */
        --back-header: #373736; /* pozadí hlavičky */
        --back-menu: #484848; /* pozadí horního menu */
        --back-menu-light: #484848; /* světlejší pozadí horního menu */
        --line-color: #0000001a; /* barva čar a oddělovátek */
        --border-input: #00000033; /* barva ohraničení imputů */

        --color-font: #FFF; /* barva pisma */
        --color-font-light: #BDBDBD; /* barva pisma světlejší */
        --color-info: #FFF; /* barva písma v infoliště */
        --color-header: #FFF; /* barva písma v hlavičce */
        --color-menu: #FFF; /* barva písma v horním menu */
        --color-other: #C0C0C0; /* doplňková barva */
        --color-system-alert: #D85A53; /* barva upozornění */
        }
@media screen and (max-width: 1200px) {
	:root {
	--font-size-small: calc(5px + 2vw);
	--font-size-primary: calc(6px + 2vw);
	--font-size-header-h1: calc(12px + 2vw);
	--font-size-header-h2: calc(8px + 2vw);
	--font-size-header-h3: calc(6px + 2vw);
	--line-height: 1.20;
	--line-height-more: 1.60;
	}
}
body  {
    background: var(--back-body) url("bg.jpg") no-repeat top center;
	}
 @media screen and (max-width: 1200px){
    body {
        background: var(--back-main) !important;
    }
}

/* ///////////////////////// */
/*  nasleduje vlastni CSS    */