*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
header{
background-color:#03322a;
    width: 100%;
    height: auto;
    padding: 30px;
    }
.relative{
 position: relative;
 background-image:url(img/slika_01.jpg.jpeg);
 border-bottom: 8px solid #04312a;
 margin-bottom: 20px;
 height: 100vh;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
    margin-bottom:150px;
}
.absolute{
 position: absolute;
 left: 150px;
 top: 300px;
}
button{
    
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
color:#04312a;
background-color: #b79a8e;
padding: 20px;
margin-top: 10px;
}
h1{
   display:inline;
   color:#b79a8e;

}
nav{
    float:right;
    padding-top: 10px;
    display:inline;
}
ul{
   list-style-type: none;
   display:inline; 
}
li{
    display:inline;
}
a { 
text-decoration: none;
display: inline;
padding: 20px;
color:#b79a8e;
font-family: "Bricolage Grotesque", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
font-variation-settings:
"wdth" 100;
font-size: 12PX;
}

.kocka2{
  background-color:#03322a;
  padding: 50px;
}
h2{
  color:#b79a8e;
  margin-top: 20px;
  margin-bottom: 20PX;
  font-size: 35px;
}
#hero{ 
  color:#b79a8e;
  font-family: "Bricolage Grotesque", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
  "wdth" 100;
  font-size: 20px;
  
    
}
p{
  color:#02251F;
  font-family: "Bricolage Grotesque", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
  "wdth" 100;
  font-size: 20px;
  margin-bottom: 20px;
}
h1,h2 {
  font-family: "Gochi Hand", cursive;
  font-weight: 600;
  font-style: normal;
}
a:hover {
  color:#927b72;
}

.otemi{
  text-align: center;
  color:#02251F;
  margin-bottom: 20PX;
  font-size: 30px;
  display: inline;
    
}
body {
  background-color: #efdcc3;
}

img{
  display:inline-block;
 
}
.devi{
    display: block;
}

.broj{
    color: #02251F;
    display:inline-block;
}
.footer{
    display:inline-block;
    margin-left: 0px;
}
.section5{
    background-color:#E5D0B2;
}
.stranica{
    display:inline-block;
}
.netflix{
    display:inline-block;
    color:darkblue;
    font-size:20px;
}
.clear{
    clear: both;
    
}
.column{
    float:left;
    width:50%;
    padding:90px;
    margin-bottom:60px;
}
.slika01{
    
    width:100%;
}
.column2{
    float:left;
    width:33.33%;
    padding:20px;
}

.img{
    width: 550px;
    height: 550px;
}
footer{
    background-color:#D9C3A5;
    height:100px;
    margin-top: 70px;
    }
.galerija{
  height:500px;
  width:800px;
  margin-left:75px;
  margin-right:75px;
  padding-top:40px;
}
.zanimljivosti2{
    padding-left: 600px;
    padding-right: 600px;
    margin-bottom: 200px;
    font-size: 30px;
    text-align: center;
}
.zanimljivosti1{
    margin-top:200px;
    margin-bottom:40px;
    font-size: 40px;
}
.tekst1{
    font-size: 25px;
}
.sectionZ{
    background-color: #E5D0B2;
    padding-bottom: 5px;
    padding-top: 5px;
}
.naslovG{
    margin-top: 30px;
    font-size: 30px;
}
.naslovL{
    font-size: 30px;
}