h1 {text-align: left; font-size: 200%; font-family: Calibri; margin: 20px 0px 0px 10px;}
h2 {text-align: left; font-size: 160%; font-family: Calibri}
h3 {text-align: left; font-size: 150%; font-family: Calibri} 
h4 {text-align: left; font-size: 150%; font-family: Calibri}
h5 {text-align: left; font-size: 150%; font-family: Calibri}
h6 {text-align: left; font-size: 150%; font-family: Calibri}
style {font-family: Calibri} p {text-align: justify;} div {text-align: justify;}
p, li {font-family: "Helvetica"; font-size: 1rem; line-height: 2;}
.pozadi {background-color: #a8844a;}
a {color: #5c4720; font-weight: bold; text-decoration:none;} a:hover {color: black;}
td {text-align: center; width: 200px;}
.nevid {display:none;}

 .obalovaci {margin-left: auto; margin-right: auto; position: relative; width:960px;}
  .nahore {display:flex;} .nahore p {margin: 10px;}
  
  .menu {margin: 50px 10px 10px 50px;}
  .menu a {background-color:rgb(200,200,200); border-radius: 20px; padding: 5px 10px 5px 10px; border:solid 1px #000; font-size:18px;}

  .slideshow {background-color:rgb(255,237,173); border:solid 1px #000; border-radius: 10px; padding: 10px;}
  .slideshow-container img {max-width:100%;}

  .obsah-obal {display:flex;}
  .obsah {width: 65%; margin: 0px 20px 20px 20px;} .obsah img {margin-right: auto; margin-left: auto; display: block; width: 400px; max-width: 80%;}

  .vpravo {width: 35%; margin: 0px 0px 20px 0px;}
  .vpravo-bunka {border:solid 1px #000; border-radius: 20px 20px 20px 20px; background-color:rgba(255,237,173); margin: 20px 20px 20px 20px;}
  .vpravo h2 {text-align:center; color:white; padding: 10px 10px 10px 10px;}
  .vpravo-nadpis {background-color:#a8844a; border-radius: 20px 20px 0px 0px; margin-top: -21px;}
  .vpravo-obsah {margin-top: -10px; border-radius: 0px 0px 20px 20px; padding: 0px 10px 20px 10px;}
  .vpravo-obsah img {margin-right: auto; margin-left: auto; display: block; width: 200px; max-width: 90%;}

  .certifikaty {margin: 0px 20px 0px 20px;}
  .mySlidesC, .copyright p {text-align:center;}

@media (min-width:740px) AND (max-width:980px)
{
 .obalovaci {margin-left: auto; margin-right: auto; position: relative; width:720px;}
 .nahore {display:block;}
 .nadpis p, .nadpis h1 {text-align: center;}
 .menu {margin: 20px 10px 10px 50px;}
}

@media (min-width:0px) AND (max-width:740px)
{
 .obalovaci {margin-left: auto; margin-right: auto; position: relative; width:100%;}
 .nahore, .obsah-obal {display:block;}
 .slideshow {margin: 0px 20px 0px 20px;}
 .obsah, .vpravo {width: auto;}
 .nadpis p, .nadpis h1 {text-align: center;}
 .menu {margin-left: auto; margin-right: auto; margin-top: 10px; width: 400px; max-width:90%}
 .menu a {display:block; text-align: center; margin: 0px 0px 5px 0px;}
}