:root {
	--main: #26a377;
	
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap');
.py-5 {
    padding-bottom: 7rem !important;
}
body {background-color:white;font-family: 'Poppins', sans-serif;}
.inicon {
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    min-height: 80px;
    padding: 20px 30px 5px 30px;
    text-align: center;
}
.inicon i {color:var(--main); font-size:2.3rem;}
.inicon-border {border-bottom:solid 1px var(--main);margin-top: 20px;}
.bg-pic {background-image: url(images/park-hotel.jpg);background-size: cover;background-position-y: center;background-position-x: center;height:66vh;}
.navbar-light .navbar-nav .nav-link {text-transform: uppercase;color: black;    margin: -8px 0; padding: 5px 14px;}
.navbar-light .navbar-nav .nav-item {padding: 5px 14px;text-align: center;margin-top:-5px;}
.navbar-light .navbar-nav .active .nav-link, .navbar-light .navbar-nav .nav-link:hover {background-color:var(--main);color:white;}
.logo {position:absolute; right:0;top:20px;width:200px;height:auto;box-sizing: border-box;background-color:white;}
.img_top {height:200px;}
.pjust p {text-align:justify;}
.head {text-align:center;position:relative;}
.head-back {position:absolute;width:100%;height: 140px; margin-top: -10px;}
h2 {color:var(--main);margin:20px 0 10px 0;position: relative;text-align: center;}
.sprava {background-color:#26a37710}
.cislo {color:gray;font-size:5rem;font-weight:300;margin-bottom: -30px;}
.cislo-popis {color:#555;font-size:2rem;font-weight:300;}
#myChart {width:240px !important;height:240px !important;}
.f-right {float:right;}
.f-left {float:left;}
.chart-legend {width: 30px;height: 30px; padding: 5px; color: white;display: inline-block; text-align: center;}
footer {background-color:#26a377; color:white;}
footer img  { background-color: white; width: 180px;}
footer ul {list-style: none;padding: 0;text-align: center;}
footer ul li {display:inline-block; padding:0 8px;}
footer ul li a {color:white;text-transform:uppercase;}
footer ul li a:hover {text-decoration:underline;color:white;}
footer p {font-size:0.9rem;}
.x-img {width: 100%;padding-bottom: 75%;background-size: cover;background-position: center;margin-bottom: 1.313em;}
h3 {color: var(--main); font-size: 1.5rem; font-weight: 600;}
.b-b-dot {border-bottom: dotted 2px var(--main);}
/* styling code */
.grid {margin: 0px auto; max-width: 100%;display: grid;grid-template-rows: repeat(1,25%); grid-template-columns: repeat(3,31%); grid-gap: 5px;}
.grid > .item { background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; }
.item:nth-child(1) { grid-column: 1 / 3;grid-row: 1 / 5; } 
.item:nth-child(2) { grid-column: 3 / 4; grid-row: 1 / 3; } 
.item:nth-child(3) { grid-column: 3 / 4; grid-row: 3 / 5; }
@-moz-document url-prefix() { /* pro firefox */ .gallery-item:first-of-type {  height: 200px; }  .item:nth-child(1) {  grid-row: 1 / 5;  grid-column: 1 / 3; }  .item:nth-child(2) {  grid-column: 3 / 4;  grid-row: 1 / 3; }  .item:nth-child(3) {  grid-column: 3 / 4;  grid-row: 3 / 5; } }
.gallery-item:first-of-type {  height: 200px; }  
.projekty_vypis strong {color:gray;}
.projekty_vypis p {margin-bottom: 0.7rem;}
.top {display:none;}
@media (max-width: 1200px) {
	footer ul li {display:block;}
}
@media (max-width: 800px) {
.top {position: absolute;right: 10px;width: 20px; height: 20px; bottom: -23px; background-color: white;color:var(--main);display:block;text-align: center;}
}