*{
   box-sizing: border-box;
    background-color:#cf8f4a;
}
ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        a {
            text-decoration: none;
            color: 	#9b5f28;
            padding: 10px 20px;
            display: block;
        }

        a:hover {
            background-color:	#663005 ;
            color: white;
        }

        
        .horizontalni ul {
            display: flex;
            background-color: #cf8f4a ;
            flex-direction: row; 
        }

        
        .vertikalni ul {
            display: flex;
            background-color: #333;
            flex-direction: column; 
            width: 200px;
        }

       
        @media (max-width: 768px) {
            .horizontalni ul {
                flex-direction: column; 
            }
        }
        .container { 
        font-family: sans-serif; padding: 20px;
    }
        header, footer { 
            border: 1px solid #ccc; padding: 10px; margin-top: 20px; 
        }
        .row_1, .row_2 { 
            display: flex; gap: 20px; margin-top: 20px; 
        }
        .objava, .objava2 {
             border: 1px solid #ddd; padding: 10px; flex: 1; 
            }