body{
margin: 0px;
color: white;
font-family: helvetica;
background: url(img/bg.webp);
}

footer{
text-align: center;
margin-top: 50px;
color: white;
}

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

blockquote{
font-size: 18px;
line-height: 1.4;
font-style: italic;
background: #00000052;
margin: 10px 0px 10px 0;
padding: 15px;
border-radius: 20px;
}



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

.media img{
width: 100%;
max-width: 500px;
height: auto;
border-radius: 20px;
}

.zaobljeno{
border-radius: 20px;
}

.sakriti{
display: none;
}

.polja{
width: 100%;
}

p{
padding: 1%;
color: white;
font-size: 1.1rem;
background: #00000052;
margin: 10px 0px 10px 0;
padding: 15px;
border-radius: 20px;
}

.link-poziv{
display: block;
    font-size: 1.7rem;
    border-radius: 5px;
text-shadow: 1px 1px #565656;
    text-decoration: none;
    padding: 10px;
    color: #fbfbfb;
    margin-top: 30px;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: bold;
    text-align: center;
    background-image: linear-gradient(to bottom, #05d73c, #005635);
}

.link-dugme{
display: block;
    font-size: 1.2rem;
    border-radius: 5px;
    text-shadow: 1px 1px #565656;
    text-decoration: none;
    padding: 10px;
    color: #fbfbfb;
    margin-left: 0%;
    margin-right: 0%;
    font-weight: bold;
    text-align: center;
    background-image: linear-gradient(to bottom, #05d73c, #005635);
    text-align: center;
}

.ograniceno{
max-width: 500px;
}

nav button{
text-shadow: 1px 1px #565656;
text-decoration: none;
color: #fbfbfb;
background-image: linear-gradient(to bottom, #05d73c, #005635);
width: 32%;
}


h1,h2,h3{
color: white;
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-usluga{
list-style: none;
padding-inline-start: 0px;
}

.lista-usluga li{
font-size: 1.3rem;
line-height: 2;
}


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

.molerske-usluge{
padding-top: 3%;
padding-bottom: 3%;
}

.molerske-usluge h1,h2,h3{
color: white;
}

.top{
position: fixed;
top: 0%;
width: 100%;
z-index: 9;
text-align: center;
background-image: linear-gradient(to bottom, #05d73c, #005635);
box-shadow: 2px 2px 8px 3px #494949;
}


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

@media screen and (max-width: 800px) {
#kontaktTelefonFooter{
display: flex;
position: fixed;
z-index: 9999;
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;
}

nav button {
width: 15%;
}

}