*{
    box-sizing:border-box;
    padding:0;
    margin:0;

}


h1{
 
  font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
}

  
    

header{
    width:100%;
    height:150px;
    background-color:#f8f102;
    padding:30px;
}

.hero{
    background-image:url(img/slika4.png);
    height:1000px;
    background-size:cover;
    background-repeat:no-repeat;
    text-align:center;
    font-size:20px;
    margin-bottom:0px;
}

    

ul{
    list-style-type:none;
    display:inline-block;
    padding-top:15px;
}

a{
    text-decoration:none;
    color:black;
}

a:hover{
     color:chartreuse;
}

nav{      
font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
    margin-top: 10px; 
    float:right;
    font-size:15px;
}

li{
    display:inline;
    padding-left:10px;
}
    
h2{
 
  font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.section1{
    text-align:center;
    padding-left:30vw;
    padding-right:30vw;
    margin-bottom:0px;
    background-color:#f8f102;
    padding-top:80px;

} 

.section1 p{
    padding-bottom: 80;
}

.section1 hr{
    width:100%;
    border-color:black;
    margin-bottom:80px;
}

p{ 
    font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
    
}


h3{
    text-align:center;
    padding-left:15vw;
    padding-right:15vw;
    margin-bottom:0px;
    color:black;
    font-size:50px;
    background-color:#f8f102;
     font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
    padding-bottom:30px;

}


.kartice{
  float:left;
width:20%;
padding-bottom:50px;
background-color:#f8f102;
}

.kartice img{
    width:100%;

}

.kartice p{
    text-align: center;
    font-size:20px;  
    padding-top:15px;
}




h4{
    text-align:center;
    padding-left:15vw;
    padding-right:15vw;
    margin-bottom:0px;
    color:black;
    font-size:50px;
    background-color:#f8f102;
     font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
    padding-bottom:30px;

}

.fotogalerija{
    float:left;
    width:100%;
    background-color:#f8f102;  
    padding-bottom:30px;
}

.fotogalerija img{
        width:25%;
}

.clear{
    clear: both;
}



footer{
    background-color:black;
    color:#00f0ff;
    padding-top:30px;
}


h5{
    text-align:center;
    padding-left:15vw;
    padding-right:15vw;
    margin-bottom:0px;
    color:#00f0ff;
    font-size:35px;
    background-color:black;
     font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
 

}

footer hr{
    width:50%;
    border-color:darkslategray;
    margin-bottom:10px;

}

footer p{
   color:darkslategray;
    padding-bottom:5px;
    padding-top:5px;
    
}