body {
			font-family: 'Josefin Sans', sans-serif;
            margin-bottom: 200px;
            padding: 0;
            font-family: 'Josefin Sans', sans-serif;
            background-color: #fff;
        	background-image: url('../img/80.png');
            display: flex;
            flex-direction: column;
            align-items: center;
            
        }

		.onp { 
            font-size: 25px; 
            font-weight: bold;
        	width: 90%;
        }


        .segment {
            display: flex;
    		align-items: center;
    		justify-content: center;
    		width: 96%;
    		height: 20vh;
    		padding: 10px 0;
    		margin-bottom: 10px;
    		color: #000;
    		text-decoration: none;
  			border: 3px solid;
    		border-radius: 10px;
    		font-size: 4vh;
        }
		.logo {
    		margin-top: 10px;
		}
		.logo img {
    		height: 300px;
    		width: 300px;
		}

        .segment.izlistaj {
            background-color: #fff;
        	background-image: url('../img/kafa.png');
        	background-size: contain;
        	background-repeat: no-repeat;
            background-position: left;
            
        }

        .segment.akcija {
            background-color: #fff;
        	background-image: url('../img/akc.png');
        	background-size: contain;
        	background-repeat: no-repeat;
            background-position: left;
           
        }

        .segment.ovenedelje {
            background-color: #fff;
        	background-image: url('../img/ovened.png');
        	background-size: contain;
        	background-repeat: no-repeat;
            background-position: right;
		}
		.button-container {
     		display: flex;
      		justify-content: space-between;
        	width: 90%;
        	height: 100px;
  		}
		.button {
      		flex: 1;
      		display: flex;
      		justify-content: center;
      		align-items: center;
      		background-color: #fff;
      		color: black;
        	margin: 0px 5px;
      		padding: 10px;
        	border: 2px solid #000;
        	font-size: 40px;
        	font-weight: bold;
		}
		.button a {
        	
      		text-decoration: none;
       		color:black;
    	}
  		.button-container .button {
      		display: flex;
      		align-items: center;
    	}
		.button1 {
      background-color: #fff; /* Change the background color for Button 1 */
    	}

    	.button2 {
      background-color: #d2d2d2; /* Change the background color for Button 2 */
    	}

    	.button3 {
      background-color: #808080; /* Change the background color for Button 3 */
   		}

h2 {
	font-size: 80px;
	margin-top: 50px;
	margin-bottom: 50px;
	}
h3 {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 60px;
	margin-top: 50px;
	margin-bottom: 50px;
	}
/* Reset default table styles */
table {
font-family: 'Josefin Sans', sans-serif;
    border-collapse: collapse;
    width: 96%;
    height: 30px;
    margin: 0 auto;
	font-size: 48px;
}


/* Style table header */
th {
    background-color: #333;
    color: #fff;
    padding: 5px;

}

/* Style alternating rows */
tr:nth-child(even) {
    background-color: #69d3e0;
}

/* Style table cells */
td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

/* Style the first cell (Name) */
td:first-child {
	width: 800px;
    font-weight: bold;
}

/* Style for mobile devices */
@media screen and (max-width: 900px) {
    table {
        width: 100%;
        max-width: none;
    }
    th, td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
    th {
        background-color: #333;
        color: #fff;
    }
    tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    td:first-child {
        font-weight: bold;
    }
}