/* GENERAL STYLES START */

body{
    font-family: Arial;
    margin: 0;
    background-size: cover;
    background-color: #ebd3ad;
}

.wrapper{
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
    background-color: #ebd3ad;
}

/* GENERAL STYLES END */

/* HEADER STYLES START */

a.logo{
    background-image: url(images/savez_pronalazaca_logo.png);
    background-repeat: no-repeat;
    width: 300px;
    text-indent: -10000px;
    margin: 20px 0px 15px 10px;
    padding: 0px 0px 35px 0px;
    float: left;
}

header{
    background-color: #704214;
    position: fixed;
    width: 100%;
    z-index: 10;
    margin-top: -20px;
}

header nav{
    float: right;
}

header nav h2{
    text-indent: -10000px;
    height: 0;
    margin: 0;
}

header nav li{
    float: left;
    list-style-type: none;
    margin: 10px 10px;
    padding-top: 15px;
}

header nav li a{
    text-decoration: none;
    color: #f9f9f9;
    font-size: 18px;
}

header nav li a:hover{
    color: #6095e1;
}

header:after{
    content: "";
    display: block;
    clear: both;
}

/* HEADER STYLES END */

/* PAGE CONTENT STYLES START */


/* PAGE CONTENT STYLES END */

/* FOOTER STYLES START */

footer{
    background-color: #704214;
    margin-top: 700px;
    padding: 20px 0;
}

footer:after{
    content: "";
    display: block;
    clear: both;
}

footer ul{
    float: left;
    padding: 0;
    list-style-type: none;
    color: #f9f9f9;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: left;
}

footer li{
    margin: 5px 0;
}

footer li:nth-child(1){
    color: #6095e1;
    margin-bottom: 20px;
    font-weight: bold; 
}

footer ul:nth-child(4){
    text-align: right;
}

#belo{
    color: #f9f9f9;
    font-weight: normal;
}

#fb{
    margin-top: -15px;
    margin-bottom: 10px;
}

footer a{
    color: #f9f9f9;
    text-decoration: none;
}

footer a:hover{
    color: #454545;
}

footer img{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    opacity: 0.6;
    width: 50px;
}

footer img:hover{
    transition: 0.1s;
    opacity: 1;
}

#kategorije li {
    border-bottom: 1px solid #414141;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#kategorije li:nth-child(1){
    border: none;
    margin-bottom: 20px;
    padding-bottom: 0px;
}

/* FOOTER STYLES END */


/* MEDIA QUERIES START */

@media screen and (max-width: 1200px){


}

/* MEDIA QUERIES END */