*{
    box-sizing: border-box;
}
/*-----------------------------------------------------------------------*/
body{
    background-color: #0D4734;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
}
/*-----------------------------------------------------------------------*/
header{
    background-color: #265A49;
    color: white;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 20px;
}
/*-----------------------------------------------------------------------*/
#naslov{
    -border: 5px white solid;
    font-size: 40px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-left: 10px;
    flex-wrap: wrap;   
}
/*-----------------------------------------------------------------------*/
#naslov h1:hover{
    background-color: #C35317;
    transition: 1s;
    border-radius: 20px;
}
/*-----------------------------------------------------------------------*/
nav{
    -border: 5px white solid;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
/*-----------------------------------------------------------------------*/
a{
    text-decoration: none;
    font-size: large;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/*-----------------------------------------------------------------------*/
.linkovi{
    background-color: #30705b;
    width: 100px;
    height: 50px;
    margin-left: 10px;
    border-radius: 20px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 10px;
    
}
/*-----------------------------------------------------------------------*/
.linkovi:hover{
    background-color: #C35317;
    transition: 0.5s;
}
/*-----------------------------------------------------------------------*/
.box{
    margin-top: 150px;
    background-color: #265A49;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    padding: 10px;
    flex-wrap: wrap;
    -border: 10px solid white;
   
}
/*-----------------------------------------------------------------------*/
article{
    margin-top: 50px;
    background-color: #30705b;
    flex-basis: 350px;
    border-radius: 20px;
    padding: 5px;
    flex-basis: 500px;
    max-height: 400px;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/*-----------------------------------------------------------------------*/
article:hover{
    background-color: #C35317;
    transition: 1s;
}
/*-----------------------------------------------------------------------*/
#logo{
    width: 200px;
    margin-top: 100px;
}
/*-----------------------------------------------------------------------*/
.box2{
    display: flex;
    background-color: #30705b;
    border-radius: 20px;
    margin-top: 150px;
    -border: 10px solid white;
    flex-wrap: wrap;   
}
/*-----------------------------------------------------------------------*/
.box2_text{
    display: flex;
    justify-content: space-between;
    align-items: center;
     margin-right: 10px;
     flex-wrap: wrap;
    
}
/*-----------------------------------------------------------------------*/
.article_box2{
    background-color: #4c8a6c;
    -border: 10px solid white;
    padding: 10px;
    border-radius: 20px;
   
    flex-basis: 500px;
    max-height: 400px;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    flex-wrap: wrap;
    
}
/*-----------------------------------------------------------------------*/
#slika1{
    max-width: 600px;
    max-height: 600px;
   padding: 20px;
   border-radius: 100px;
   flex-wrap: wrap;
}
/*-----------------------------------------------------------------------*/
footer{
    margin-top: 150px;
    background-color: #265A49;
    display: flex;
    color: white;
   justify-content: space-between;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   align-items: center;
   min-height: 200px;
   padding: 10px;
   border-radius: 20px;
}
/*-----------------------------------------------------------------------*/
.box_onama{
    background-color: #225c40;
    margin-top: 150px;
    display: flex;
    justify-content: space-evenly;
    border-radius: 10px;
    flex-wrap: wrap;

}
/*-----------------------------------------------------------------------*/
.aritcle_onama{
    background-color: #4c8a6c;
    flex-basis: 400px;
    border-radius: 20px;
    padding: 20px;
    margin: 15px;
}
/*-----------------------------------------------------------------------*/
.box_lokacija{
    background-color: #225c40;
    margin-top: 150px;
    display: flex;
    justify-content: space-evenly;
    border-radius: 10px;
    flex-wrap: wrap;

}
/*-----------------------------------------------------------------------*/
.kontejner{
    background-color: #225c40;
    max-width: 800px;
    max-height: 500px;
    margin: auto;
    text-align: center;
    margin-top: 50px;
    border-radius: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 100px;
    box-shadow: 2px 5px 10px 10px black; 
    flex-wrap: wrap;
    color: white;
}
/*-----------------------------------------------------------------------*/
.kontejner:hover{
    transform: scale(1.05);
    transition: 1s;
}
/*-----------------------------------------------------------------------*/
input{
    width: 300px;
    height: 50px;
    text-align: center;
    border-radius: 80px;
    box-shadow: 2px 5px 10px 2px;
}
/*-----------------------------------------------------------------------*/
input:hover{
    transform: scale(1.05);
    transition: 1s;
}
/*-----------------------------------------------------------------------*/
#link{
    width: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    border-radius: 80px;
    background-color: #225c40;
    margin: auto;
    margin-top: 100px;
    box-shadow: 2px 5px 10px 2px black;
}
/*-----------------------------------------------------------------------*/
#link:hover{
    transform: scale(1.05);
    transition: 1s;
}
/*-----------------------------------------------------------------------*/