body {
    margin: 0;
    padding: 0;
}

/* Use Montserrat font for headers and paragraphs */
h1, h2, p table, th, td {
    font-family: 'Montserrat', sans-serif;
	color: #004926;
	}

a:link { color: #004926; text-decoration: none; font-weight: normal; }
a:visited { color: #5E1240; text-decoration: none; font-weight: normal; }
a:active { color: #004926; text-decoration: none; }
a:hover { color: #8CC441; text-decoration: none; font-weight: none; }

header {
    background-color: #fff;
    color: #000;
    padding: none;
    text-align: center;
	justify-content:center;
}

header img {
    width: 70%;
    height: auto;
	
}
/* Style the menu */
nav {
    text-align: right; /* Align the menu to the right */
	font-family: 'Montserrat', sans-serif;
	
}

/* Change menu to navbar */
.navbar {
    text-align: right;
	
}

.navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	display: flex;
}

.navbar li {
    display: inline-block;
    margin-left: 10px;
}

.navbar a {
    text-decoration: none;
    
}
.menu {
	font-family: 'Montserrat', sans-serif;
    list-style-type: none;
    display: flex;
    justify-content:flex-end;  /* Align items to the end (right) */
    gap: 20px; /* Add a small space between items */
    padding: 10px;
	width: 80%;
	}

.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
}

.left-side {
    flex: 1;
	float: right;
}

.nutritional-table {
	font-family: 'Montserrat', sans-serif;
	color: #004926;
    margin-right: 20px;
    padding: 10px;
    /*border: 1px solid #ccc;
    border-radius: 5px;*/
	width:70%;
	float: right;
}
table {
    border-collapse: collapse;
    width: 100%;
}
table th, table td {
    border: 1px solid #ccc; /* Add borders to all table cells */
}
/* Equal width for second and third columns */
table td:nth-child(2),
table td:nth-child(3) {
    width: 30%;
	text-align: center;
}
.ingredients {
	font-family: 'Montserrat', sans-serif;
	color: #8CC441;
    padding-right: 30px;
    border: none;
    /*margin-top: 20px;*/
	width:70%;
	float: right;
}
.ingredients p{
	font-family: 'Montserrat', sans-serif;
	color: #8CC441;
   }

.percentual {
	font-family: 'Montserrat', sans-serif;
	color: #004926;
    padding-right: 30px;
    border: none;
    margin-top: 0px;
	width:70%;
	float: right;
	font-size: small;
	text-align: justify-all;
}
.right-side {
    flex: 1;
    text-align: center;
	
}

.product-image {
    max-width: 100%; 
    height: auto;
    float: left;
}

.extra-image {
    max-width: 80%;
    height: auto;
    margin-top: 20px;
	float: left;
}
/* Style the additional information paragraph */
.additional-text p {
    font-size: 14px;
	color: #5E1240;
	width: 80%;
	float: left;
	text-align: left;
}
footer {
	font-family: 'Montserrat', sans-serif;
    background-color: #fff;
    color: #004926;
    text-align: center;
    /*padding: 20px;*/
}
.contato p {
    background-color: #fff;
    color: #004926;
    text-align: center;
    /*padding: 20px;*/
	
}
button {
    padding: 10px 20px;
    background-color: #FF5733;
    color: #fff;
    border: none;
    cursor: pointer;
}