#header {background: url("soubory/hlavicka.png") no-repeat top left;}:root {
--width-main: 1200px;
--font-icons: 'Material Icons';
--font-primary: 'Open Sans';
--font-headers: 'Quicksand';
--font-size-small: 16px;
--font-size-primary: 20px;
--font-size-header-h1: 54px;
--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: #F3E7D9; /* pozadí HTML za eshopem */
        --back-main: #E9D6BE; /* pozadí eshopu, bočního menu */
        --back-info: #D8B78C; /* pozadí infolišty */
        --back-header: #F3E7D9; /* pozadí hlavičky */
        --back-menu: #FFFFFF; /* pozadí horního menu */
        --back-menu-light: #D8B78C; /* světlejší pozadí horního menu */
        --line-color: #F8F0E7; /* barva čar a oddělovátek */
        --border-input: #F3E7D9; /* barva ohraničení imputů */

        --color-font: #000; /* barva pisma */
        --color-font-light: #919191; /* barva pisma světlejší */
        --color-info: #2E1414; /* barva písma v infoliště */
        --color-header: #3E3328; /* barva písma v hlavičce */
        --color-menu: #000; /* 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;
	}
}
 @media screen and (max-width: 1200px){
    body {
        background: var(--back-main) !important;
    }
}

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