@import url('https://fonts.googleapis.com/css2?family=Paytone+One&family=Roboto&display=swap');


*{
    padding: 0px;
    margin: 0px;
}
body{
   background-color: #758467;
   font-size: 17px;
font-family: 'Roboto', sans-serif;
 
}
p{
    color:#ffffff;
}
header{
    background-color: #ffffff;
    border-bottom: 1px #232c19 solid;
}
.pocetna{
    height: 210px;

}
header h1{
    color: #556149;
    text-transform: uppercase;
    font-size: 40px;
     font-family: 'Paytone One', sans-serif;

text-align: center;

}

nav ul{
 list-style-type: none;
text-align: center;
}
nav li{
    display: inline-block;
    margin-right: 40px;
    margin-top: 50px;
    margin-bottom: 40px;
}
nav a{
    color: #556149;
    font-weight: bold;
font-size: 15px;
text-decoration: none;
padding: 10px;
font-family: 'Roboto', sans-serif;

}
nav a:hover{
    color:#ffffff;
    background-color: #758467;
    
}

main{
    width: 80%;
    height: 600px;
    margin: 0 auto;
   
}


main p{
    margin-left: 40px;
    margin-top: 30px;
    margin-right: 500px;

}

.prva{
    float: right;
    width: 300px;
    height: 250px;
  margin-top: 190px;
    margin-left: 50px; 
    border: 1px #232c19 solid;
}

.np{
    float: right;
    width: 300px;
    height: 250px;
  margin-top: 190px;
    margin-left: 50px; 
    border: 1px #232c19 solid;
 }
 .akcija{
    float: right;
    width: 300px;
    height: 250px;
  margin-top: 190px;
    margin-left: 50px; 
    border: 1px #232c19 solid;
 }


 .vrste{
    float: right;
    width: 300px;
    height: 250px;
  margin-top: 190px;
    margin-left: 50px; 
    border: 1px #232c19 solid;h
 }
main h2{
    color: #232c19;
    font-size: 30px;
    margin-left: 40px;
    margin-top: 50px;
    text-transform: uppercase;
}
.uvod{
    padding-top: 10px;
    margin-left: 40px;
}

b{
    color: #232c19;
}


footer{
    background-color: #ffffff;

}
footer p{
text-align: center;
font-size: 12px;
color: #556149;
padding-top: 20px;
padding-bottom: 10px;
}