*{
box-sizing: border-box;
}

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

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

.logo{
margin-bottom: 2px;
border: 5px dashed black;
}

.logo span{
font-weight: bold;
display: block;
}

.logo span:nth-child(1) {
color: #101010;
font-size: 35px;
}

.logo span:nth-child(2) {
color: #101010;
font-size: 22px;
}


.logo span:nth-child(3) {
background: white;
font-size: 25px;

}

.logo span:nth-child(4) {
font-size: 16px;
}

.logo a{
padding: 5px;
text-decoration: none;
border: 2px solid gainsboro;
color: #000000;
background: #f3f3f3;
box-shadow: 2px 2px 7px 1px #787878;
display: inline-block;
margin: 10px;
border-radius: 5px;
}

footer{
background: #202020;
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;
}

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

main{
padding: 3%;
background: white;
}

main a{
color: blue;
}

.media{
margin-top: 20%;
width: 100%;
background: #f3f3f3;
}

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

.sakriti{
display: none;
}

.polja{
width: 100%;
}

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

.link-poziv{
display: inline-block;
border-radius: 6px;
width: 250px;
font-size: 1.4rem;
text-decoration: none;
padding: 10px;
color: black;
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: black;
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: 45px;
}

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


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;
}

}