* {
    padding: 0px;
    margin: 0px;
    
}


body {

    font-family: Arial, Helvetica, sans-serif;
}

header {

    border-bottom: double   #f1733d 8px;
}


nav {
height: 50px;
width: 100%;

}


nav ul {
    list-style-type:none;
    float: right;
}

nav li {

    display: inline-block;
    margin-right: 40px;
    margin-top: 10px;
}

nav a {

    color: #f1733d;
    font-size: 20px;
    text-decoration: none;
    padding: 10px;
}

nav a:hover {
    color:#fff;
    background-color: #ffbd59;
}

main h1 {

 color: #f1733d;
}

h1 {
    text-align: center;
}

footer h1 {
color: #fff ;
}



.lijevo {
    width: 30%;
 float: left;
 border-right: #f1733d 2px solid;
}



.desno {
    margin-left:40px ;
width: 50%;
float: right;
}

main {
    width: 80%;
    margin: 0 auto;
}

h2 {
    color: #f1733d;
    margin-bottom: 40px;
}
 article {
    height: 400px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
 }