@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: Montserrat, sans-serif;
    font-weight:300;
    font-size: 1.6em;
    color:#606060;
}

h2 { font-size: 2em; font-weight:700; color:#612480; margin:0 0 0.5em 0;  }
b { font-weight:700;}
p { line-height:1.6em;}

a { text-decoration:none; color:#612480; font-weight:500; }
a:hover { color: #612480; }
/*#HlavniFoto { margin-bottom:100px; }*/
#HlavniFoto img { width:100%; }
#Menu { width:100%; height:130px; position:fixed; background:rgba(255,255,255,0.9); }
#MenuCont { width:80%; margin:0 auto; }
#Logo { width:25%; float:left; padding:25px 0; }
#Mapa { width:80%; margin:0 10%; }
#Hlavni { margin-top:-100px; }

#MenuItems { width:75%; padding:40px 0; }
#MenuItems a { display:inline-block; padding: 5px 15px 5px 0; border-right:2px dotted #808080;margin-right:15px; font-weight:bold; }

.blok { text-align:center; padding-top:150px;  }
.blokCont { width:80%; margin:0 auto; }
.blokLevy { width:50%; float:left; }
.blokPravy { width:50%; float:right; }
.blokLevy img, .blokPravy img { width:100%; }
.blokLevy p, .blokLevy h2 { padding-right:100px; text-align:left; }
.blokPravy p, .blokPravy h2 { padding-left:100px; text-align:right; }

#Zapati { clear:both; padding:50px 0; background:#F2E8DD; }
#ZapatiCont { width:80%; margin:0 auto; }
#ZapatiCont div { width:50%; float:left; }

.row { *zoom: 1; }
.row:before, .row:after { display: table; content: ""; line-height: 0; }
.row:after { clear: both; }

.center { text-align:center;}
.right { text-align:right;}

@media (max-width: 1024px) {
    body { font-size:1.3em; }

    #Logo { float:none; width:100%; padding:25px 0 0 0; }
    #Menu { height:auto; position:relative; }
    #MenuItems { width:100%; text-align:center; padding:10px 0; font-size:1.8em; }
    #MenuItems a { padding: 5px 10px; border-right:1px dotted #808080; }


    #HlavniFoto { margin-bottom:0; }

    .blok { padding-top:100px;}
    .blokLevy, .blokPravy { float:none; width:100%; }
    .blokLevy p, .blokLevy h2 { padding-right:0; text-align:center; }
    .blokPravy p, .blokPravy h2 { padding-left:0; text-align:center; }
    
    #ZapatiCont div { width:100%; float:none; text-align:center; margin-bottom:20px; }
}