body{
margin: 0px;
background: #202020;
font-family: helvetica;
}

footer{
text-align: center;
margin-top: 50px;
color: white;
padding: 3%;

}

img{
max-width: 100%;
height: auto;
}


iframe{
max-width: 600px;
height: 450px;
width: 100%;
border: none;
}

.lty-playbtn{
box-shadow: none;
}

lite-youtube{
margin-left: auto;
margin-right: auto;
}

.centar{
text-align: center;
display: block;
}

main{
padding: 3%;
}

main a{
color: gold;
}

.media{
margin-top: 5%;
width: 100%;
background: black;
}

.media img{
width: 100%;
max-width: 400px;
height: auto;
}

.sakriti{
display: none;
}

.polja{
width: 100%;
}

p{
padding: 1%;
color: white;
font-size: 1.1rem;
}

.link-poziv{
display: block;
font-size: 1.4rem;
text-decoration: none;
padding: 10px;
color: black;
margin-left: 10%;
margin-right: 10%;
font-weight: bold;
text-align: center;
background-image: linear-gradient(to bottom, #8afdff, #2c9d72);
}

nav button{
background-image: linear-gradient(to bottom, #8afdff, #2c9d72);
width: 32%;
}


h1,h2,h3{
color: #8afdff;
text-align: center;
text-transform: uppercase;
}

.thumbs{
text-align: center;
}

button, input[type="button"]{
box-shadow: 1px 1px 3px 2px black;
font-size: 18px;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
padding: 7px;
}

button{
width: 30%;
cursor: pointer;
}

.ikonica{
width: 50px;
height: 50px;
}

.f-white{
color: white;
}

#glavniMeni{
position: fixed;
background:  #202020;
border-bottom: 5px solid #e5cc00;
width: 100%;
text-align: center;
z-index: 9;
}

#glavniMeni button{
width: 30%;
}

.navigacija{
position: fixed;
bottom: 0px;
width: 100%;
display: block;
background: lightgreen;
}

.navigacija button{
width: 28%;
height: 50px;
}

.navigacija img{
width: 50px;
height: 40px;
}

.lista-gradova{
list-style: none;
padding-inline-start: 0px;
}

.lista-gradova a{
font-size: 20px;
color: #8afdff;
font-weight: bold;
margin-bottom: 20px;
display: block;
}

.top{
position: fixed;
top: 0%;
width: 100%;
z-index: 9;
}


.razmak{
display: block;
width: 100%;
height: 50px;
}

@media screen and (max-width: 800px) {
#kontaktTelefonFooter{
display: flex;
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
background: #404040c9;
}


iframe{
height: 240px;
}


#kontaktTelefonFooter div{
width: 33.33%;
text-align: center;
border: 1px solid #3c3c3c;
}

#kontaktTelefonFooter span{
color: white;
font-weight: bold;
display: block;
border-bottom: 1px solid #3c3c3c;
text-transform: uppercase;
}


}

@media screen and (min-width: 810px) {
#kontaktTelefonFooter{
display: none;
}

}