:root {
--width-main: 1200px;
--font-icons: 'Material Icons';
--font-primary: 'Montserrat';
--font-headers: 'Montserrat';
--font-size-small: 14px;
--font-size-primary: 16px;
--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.30;
--line-height-more: 1.50;

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

        --color-font: #000; /* barva pisma */
        --color-font-light: #ABABAB; /* barva pisma světlejší */
        --color-info: #666; /* barva písma v infoliště */
        --color-header: #666; /* 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("/soubory/system/bg.jpg") no-repeat top center;
	}
 @media screen and (max-width: 1200px){
    body {
        background: var(--back-main) !important;
    }
}

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

#content-center h1, .vypis_item .nazev h2, #footer-text table td h2 {font-family: 'Amatic SC', cursive;}
#content-center h1 {font-size: 50px;}
#header #baner h2 {font-size: 35px; text-transform:uppercase;}
.vypis_item .nazev h2, #footer-text table td h2 {font-size: 35px; line-height: 1.1;}

#content-center {box-shadow: 0 0 40px rgba(0,0,0,0.1);}

h1, h2 {font-weight: var(--font-weight-700);}

#informacni_lista_text, #informacni_lista_clanky a, #informacni_prihlaseni_uzivatele .tlacitko_prihlasit_text, #informacni_prihlaseni_uzivatele .tlacitko_registrovat_text a {font-size: var(--font-size-small);}
#informacni_lista_kosik .kosik_cena {font-family: var(--font-primary);}

.vyjizdeci_menu > li {padding: 0 30px 0 0;}
.vyjizdeci_menu li.level_0 a span.menu_text {font-weight: var(--font-weight-600);}
.vyjizdeci_menu li.level_2 a span.menu_text {font-weight: var(--font-weight-400);}

@media screen and (max-width: 1200px) {

body {background: var(--back-main);}
#content-center h1 {font-size: 8vw;}
#header #baner h2 {font-size: 25px;}
#header #baner h3 {font-size: calc(2px + 2vw);}
.vypis_item .nazev h2, #footer-text table td h2 {font-size: 6vw;}
#footer-text table td ul {padding-left: 4vw;}

}

@media screen and (max-width: 600px) {

.vypis_item .nazev h2, #footer-text table td h2 {font-size: 8vw;}

}