* {
    /* ZÁKLADNÉ NASTAVENIA*/
    margin: 0; /*žiadne vonkajšie okraje*/
    padding: 0;/*žiadne vnútorné okraje*/
    box-sizing: border-box; /*šírka/výška -padding , border*/
    font-family: "Segoe UI", Arial, sans-serif; /*nastavenie textu pre celú stránku*/
}
body {
    background-color: #fafafa; /*sive pozadie*/
    color: #333; /*sivý text*/
    line-height: 1.6; /*vyska riadkov*/
}
header {  /*HLAVIČKA*/
    background-color: #ffffff; /*biele pozadie hlavicky*/
    padding: 20px; /*vnútorné odsadenie 20 pixelov*/
    text-align: center; /*zarovnaný text na stred*/
    border-bottom: 2px solid #e6e6e6; /*deliaca čiara*/
}
.logo {
    width: 150px;   /* nastavenie velkosti */
    height: auto;   /* zachovany pomer strán */
    margin-bottom: 10px; /*medzera pod obrákom*/ 
}
.logo:hover {
    transition: transform 0.3s; /*plynuly prechod zvacsenia obrazka*/
    transform: scale(1.2); /* zoom obrazka*/
}
header h4 { /*nadpis*/
    font-size: 14px; /*velkosť písma*/
    margin-top: 5px; /*malá medzera z vrchnej časti*/
    color: #444; /*sivý farba*/
}
nav {  /*NAVIGÁCIA*/
    margin-top: 15px;
}
nav ul {
    list-style: none; /* odstránim bodky*/
    display: flex; /* položky navigácie sú v jednom riadku*/
    justify-content: center; /*menu bude vycentrované*/
    gap: 25px; /*medzera medzi položkami v menu je 25 pixelov*/
}
nav a {
    text-decoration: none; /*zmizne podčiarknutie z prelinkovaného odkazu*/
    color: #c4973f;
    font-weight: bold;
    padding: 10px 15px;
    border: 2px solid ; /* základné orámovanie*/
    transition: 0.3s;
}
nav a:hover {
    border: 2px solid #c4973f; /* zlatá čiara pri hover */
    border-radius: 10px; /*zaoblené rohy */
}
/* SEKCIA */
section {
    max-width: 900px; /* max šírka*/
    margin: 40px auto; /*vonkajší okraj 20 pixelov , automaticky sa prispôsobí rozlíšeniu*/
    padding: 0 20px; /* okraj zlava a sprava*/
}
h1 { /*nadpis H1*/
    text-align: center;
    color: #111;
    margin-bottom: 20px;
}
h3 { /*nadpis H3*/
    text-align: center;
    margin-bottom: 20px;
}
article {
    margin-top: 20px;
    text-align: center;
}
.kuchyna { /*zalomenie textu */
    text-align: left;
}
.video {
    float: left;           /* video bude naľavo */
    width: 600px;          /* šírka videa */
    margin: 20px 20px 20px 0; /* medzera vpravo a dole */
}
blockquote { /*citát*/
    margin-top: 30px;
    font-size: 20px;
    color: #c4973f;
    font-style: italic; /*kurzíva*/
    border-left: 4px solid #c4973f; /*zvislá čiara vľavo*/
    padding-left: 15px; /*odstup čiary od textu*/
}

/* PATA*/
footer {
    text-align: center;
    padding: 20px;
    margin-top: 40px;
    background-color: #ffffff;
    border-top: 2px solid #e6e6e6; /*horizontálna čiara zhora*/
    color: #444;
}
#mapa:hover
{
    border-radius: 12px;
    transition: transform 0.3s; /*plynuly prechod zvacsenia obrazka*/
    transform: scale(1.2); /* zoom obrazka*/

}
.kontakt-formular {
    width: 80%; /*šírka*/
    max-width: 500px;/*maximálna šírka*/
    margin: 40px auto; 
    padding: 20px; /*vnútorné odsadenie*/
    background: #f8f8f8; 
    border-radius: 12px; /*zaoblené rohy*/   
}
.kontakt-formular h2 {
    text-align: center;
}
.kontakt-formular label {
    display: block;
    margin-top: 15px;
    font-weight: bold;
}
.kontakt-formular input,
.kontakt-formular textarea { /*miesto na písanie textu*/
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border-radius: 6px;
    border: 1px solid #ccc; /*orámovanie*/
}
.kontakt-formular button {  /*tlačitko */
    margin-top: 20px;
    width: 100%;
    padding: 12px;
    background: goldenrod;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer; /*kurzor sa zmeni na ruku*/
}
.kontakt-formular button:hover { /*zmeni farbu ak sa na talcidlo nastaví kurzor*/
    background: #b58a00;
}