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

body  {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:"wdth" 100;
 color:#bed7e1;
     }


h1 {
    display:inline-block;
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:"wdth" 100;
    margin-bottom:20px;
          }
h2 {
    display:inline-block;
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:"wdth" 100
  color:#8e5e59;
  margin-bottom:20px;
}


header {
    width:100%;
    height:120px;
    background-color:#060814;
    padding:30px;
    
    }
    
 .hero {
    background-image:url(img/slika1.jpg);
    height:850px;
    background-size:cover;
    background-repeat:no-repeat;
    text-align:center;
    font-size:20px;
    

   }



ul {
    list-style-type:none;
    display:inline-block;
    padding-top:20px;
    
      }
    
    
a {
    text-decoration:none;
    color:#bed7e1;
        }


a:hover {
    color:#5092b4;
    
       }



nav{
    display:inline-block;
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-style: normal;
color:cornsilk;
    margin-top: 10px;
    float:right;
    font-size:15px;
    
          }
    
    
    
    li{
    display:inline;
    padding-left:10px;
    
        }
    
    
    
    p{
    
   font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
         color:#5092b4;

           }

.section1{
   text-align:center;
    padding-left:30vw;
    padding-right:30vw;
    padding-top:80px;
    background-color:#060814;
    padding-bottom:80px;
    border-top:5px inset #5092b4;
    border-top-style:ridge;
 
}

.section2 {
    text-align:center;
    padding-left:30vw;
    padding-right:30vw;
    background-color:#060814;
  padding-bottom:80px;

 
    }
    
.section3 {
    text-align:center;
    padding-left:30vw;
    padding-right:30vw;
    background-color:#060814;
    padding-top:80px;
    padding-bottom:80px;
     border-top:5px inset #5092b4;
    border-top-style:ridge;
        }

.section4{
    text-align:center;
    padding-left:30vw;
    padding-right:30vw;
    background-color:#060814;
    border-bottom:5px inset #5092b4;
    border-bottom-style:ridge;
         }
    
    
footer{
    background-color:#bed7e1;
    padding:70px;


     }


   
    

.citat {
    
    padding-top:200px;
    color:#bed7e1;
    font-size:25px;
     display:inline-block;
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: initial;
  font-variation-settings:"wdth" 100;

}
    

    
#slika1 {
    float: right;
    width:640px;
    margin-right:100px;
     border:5px inset #bed7e1;
    border-style:ridge;
}
    
.fotogalerija {
    background-color:#060814;
    display:inline-block;
      padding-top:80px;
     
    
}
    

#pozadina {
     background-color:#060814;
    width: 100%;
    margin-bottom:0px;
 padding-top:80px;
  border-top:5px inset #5092b4;
    border-top-style:ridge;
}


#tekst {
    margin-left:250px;
    padding-top:200px;
     font-size:20px;
     text-align: left;
    color:#bed7e1;
    padding-right:15px;
}
    

#slika{
    width:100%;
    height:500px;
}


#tekst2 {
    margin-right:250px;
    padding-top:200px;
    font-size:20px;
    text-align: right;
    color:#bed7e1;
}


#slika2 {
    float: left;
    width:640px;
    margin-left:100px;
     border:5px inset #bed7e1;
    border-style:ridge;
}


.linija {
    width: 100%;
    margin-left:1px;
    margin-right:1px;
    border: none;
    border-top: 2px solid #5092b4;
}


#plava {
   margin-top:80px;

}



.pading {
   margin-bottom:80px;
   
}



.pading2{
   margin-top:80px;
}




#boja {
   color:#060814;
}