*{
margin:0;
padding:0;
}
body{
font-size:16px;
font-family: Arial, serif;
}
body::before{
content:"";
position:fixed;
inset:0;
z-index:-1;
background-image: url('/images/pozadi.jpg');
background-size:cover;
opacity:0.08;
}
div#header-content, div#main-content{
width:75%;
max-width:1280px;
margin:0 auto;
background-color:white;
}
div#main-content{
display:flex;
margin-top:3px;
padding:2%;
opacity:0.8;

}
header{
border-bottom: 2px solid #5e579b;
box-shadow: 0px 1px 3px #999;
background-color:white;
}
div#header-contact{
float:right;
padding:1em;
line-height:1.6em;
text-align:right;
}
a{
text-decoration:none;
color: #3d3965;
font-weight:bold;
}
main{
padding: 0.6em 1em;
width:80%;
}
nav{
width:20%;
margin-top:1em;
padding:1em 0;
border-radius:5px;
box-shadow:1px 1px 2px #666;
background-color:#f1efff;
border:1px solid #5e579b;
height:100%;
}
nav a{
display:block;
width:90%;
padding:0.2em 5%;
font-size:1.1em;
color:#5e579b;
font-weight:normal;
}
nav a:hover{
background-color:#5e579b;
color:#f1efff;
}
h1,h2,h3,h4,h5{
font-size: 1.1em;
color: #3d3965;
margin-top:0.7em;
}
main p{
text-align:justify;
padding: 0.5em 0;
line-height:1.4em;
}
table{
width:70%;
margin:1em auto;
border: 1px solid #3d3965;
border-collapse:collapse;
box-shadow:1px 1px 2px #666;
}
table th{
background-color: #f1efff;
}
table th, table td{
text-align:center;
border: 1px solid #3d3965;
padding: 0.5em 1em;
}
p.no-indent{
text-indent:0;
}
p.center-text{
text-align:center;
}
div#contact-main{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
div#contact-main p{
width:50%;
min-width:250px;
text-align:left;
}
@media only screen and (max-width: 800px){
nav{
display:none;
}
div#main-content{
width:85%;
opacity:0.6;
}
main{
width:100%;
}
div#contact-main p{
width:100%;
}
}