*{
box-sizing: border-box;
}

@media (prefers-color-scheme: dark) {
header{
background-image: linear-gradient(to bottom, #0089ff, #07ffd1, #003983) !important;
color: black !important;
}

header h1{
-webkit-text-stroke-width: 2px !important;
-webkit-text-stroke-color: #ffffff !important;
}

header .telefon a{
color: black !important;
}

#GlavniMeni a{
color: black !important;
background-image: linear-gradient(to bottom, #fefdaa, #ffc107, #78770f) !important;
}

}


body{
margin: 0;
background: #ededed;
font-family: arial;
font-size: 20px;
}

iframe{
max-width: 100%;
}

header{
padding: 3%;
background-image: linear-gradient(to bottom, #0089ff, #07ffd1, #003983) !important;
color: black;
border-bottom: 0px;
}

.navigacija{
text-transform: uppercase;
}

header h1{
font-size: 28px;
margin: 0px;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #000000;
}

header h1, header p{
text-align: center;
}

header .telefon{
text-align: center;
margin: 5%;
}

header .telefon a{
text-decoration: none;
color: black;
font-size: 31px;
font-weight: bold;
border: 2px solid;
border-radius: 2px;
padding: 2%;
background: #b6fff3;
}

header p {
font-size: 20px;
font-weight: bold;
}

header span{
float: left;
display: block;
height: 70px;
width: 100%;
text-align: center;
font-size: 35px;
font-weight: bold;
}

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

button{
font-size: 25px;
padding: 10px;
cursor: pointer;
background-image: linear-gradient(to bottom, #ffffff, #ffc107);
}

main{
margin: 3%;
float: left;
}

footer{
float: left;
padding: 3%;
background: #404040;
color: white;
display: inline;
width: 100%;
}


#kontaktTelefonFooter{
display: none;
}

#GlavniMeni{
text-align: center;
}

#GlavniMeni a{
display: inline-block;
padding: 15px;
font-size: 16px;
box-shadow: 2px 2px;
font-weight: bold;
margin-right: 3px;
color: black;
text-decoration: none;
background-image: linear-gradient(to bottom, #fefdaa, #ffc107, #78770f);
text-align: center;
width: 30%;
}


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



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

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


}


@keyframes y-axis-animation {
  from {transform: rotateY(90deg)}
  to {transform: rotateY(-90deg)}
}